CSS-不建議使用所有引導程序斷點?

查看variables.less(并通過谷歌搜索),似乎所有引導程序的斷點都減少了變量。 它是否正確? 如果我們想基于引導程序的屏幕尺寸斷點來分配樣式,是否有人知道我們應該使用什么呢? 在LESS中使用Bootstrap v3.1.1。 謝謝。

//== 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;
asked 2020-02-22T13:09:05Z
1個解決方案
43 votes

@ seven-phases-max所說的。 @screen-xs-min變量是您應該使用的變量。 不贊成使用其他方法。

不推薦使用@screen-xs-min,因為XS沒有最小的屏幕尺寸(除非您希望計算1px),因為它是最小的斷點。 (同樣,LG沒有最大寬度。)

answered 2020-02-22T13:09:25Z
translate from