css – 所有引导断点不推荐使用?

前端之家收集整理的这篇文章主要介绍了css – 所有引导断点不推荐使用?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
看看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没有最大宽度。)

猜你在找的CSS相关文章