bootstrap 网格断点通常就够了,还是更常见的是设置其他断点?
are bootstrap grid breakpoints usually just enough, or is it more common to make other breakpoints?
我所理解的网格系统
- xs = 0-767 像素
- sm = 768-991 像素
- md = 992-1199 像素
- lg = 1200 像素及以上
所以,你们是不是觉得xsclass完全不小,绝对不是多余的。
我正在考虑做一个小断点,想知道这样做是否很常见,或者我有没有做对的事情!!
最简单的方法是什么?
只需在您的自定义 css 文件中添加一个媒体查询,即可获得 400 像素的最大屏幕尺寸。我经常这样做。特别是对于旧 iPhone,其呈现 HTML 宽度为 350 像素。
@media screen and (max-width: 400px) {
...
}
见Bootstrap4:http://getbootstrap.com/docs/4.0/layout/grid/
他们将断点更改为
- 超小:<576px
- 小:≥576px
- 中:≥768px
- 大:≥992px
- 特大:≥1200px
所以我认为 XS 断点太宽了。
我所理解的网格系统
- xs = 0-767 像素
- sm = 768-991 像素
- md = 992-1199 像素
- lg = 1200 像素及以上
所以,你们是不是觉得xsclass完全不小,绝对不是多余的。 我正在考虑做一个小断点,想知道这样做是否很常见,或者我有没有做对的事情!! 最简单的方法是什么?
只需在您的自定义 css 文件中添加一个媒体查询,即可获得 400 像素的最大屏幕尺寸。我经常这样做。特别是对于旧 iPhone,其呈现 HTML 宽度为 350 像素。
@media screen and (max-width: 400px) {
...
}
见Bootstrap4:http://getbootstrap.com/docs/4.0/layout/grid/
他们将断点更改为
- 超小:<576px
- 小:≥576px
- 中:≥768px
- 大:≥992px
- 特大:≥1200px
所以我认为 XS 断点太宽了。