看看variables.less(和从googling),它看起来像所有的bootstrap断点较少的变量被弃用。它是否正确?如果我们想根据bootstrap的屏幕尺寸断点来分配样式,是否有人知道我们应该使用什么?使用Bootstrap v3.1.1和LESS。谢谢。
//== Media queries breakpoints // //## Define the breakpoints at which your layout will change,adapting to different screen sizes. // Extra small screen / phone //** Deprecated `@screen-xs` as of v3.0.1 @screen-xs: 480px; //** Deprecated `@screen-xs-min` as of v3.2.0 @screen-xs-min: @screen-xs; //** Deprecated `@screen-phone` as of v3.0.1 @screen-phone: @screen-xs-min; // Small screen / tablet //** Deprecated `@screen-sm` as of v3.0.1 @screen-sm: 768px; @screen-sm-min: @screen-sm; //** Deprecated `@screen-tablet` as of v3.0.1 @screen-tablet: @screen-sm-min; // Medium screen / desktop //** Deprecated `@screen-md` as of v3.0.1 @screen-md: 992px; @screen-md-min: @screen-md; //** Deprecated `@screen-desktop` as of v3.0.1 @screen-desktop: @screen-md-min; // Large screen / wide desktop //** Deprecated `@screen-lg` as of v3.0.1 @screen-lg: 1200px; @screen-lg-min: @screen-lg; //** Deprecated `@screen-lg-desktop` as of v3.0.1 @screen-lg-desktop: @screen-lg-min;
解决方法
什么@七相 – 最大说。 @ screen- {sm,md,lg} -min变量是你应该使用的变量。其他人已经不赞成这些。
和@ screen-xs-min已弃用,因为XS没有最窄的屏幕尺寸(除非你要计数1px),因为它是最小的断点。 (同样,LG没有最大宽度。)