通常只是足够的自举网格断点,还是更常见的其他断点?

时间:2018-01-07 18:38:31

标签: twitter-bootstrap bootstrap-grid

我理解的网格系统

  • xs = 0-767像素
  • sm = 768-991像素
  • md = 992-1199像素
  • lg = 1200像素及以上

所以,你们不觉得xs类完全不小,绝对不是额外的。 我想要制作一个小断点,想要知道这样做是否常见,或者有什么我不能做对的!! 什么是最简单的方法呢?

2 个答案:

答案 0 :(得分:0)

只需在自定义css文件中添加媒体查询,最大屏幕尺寸为400像素。我经常这样做。特别是旧的iPhone,它以350像素的宽度呈现HTML。

@media screen and (max-width: 400px) {
  ...
}

答案 1 :(得分:0)

参见Bootstrap 4:http://getbootstrap.com/docs/4.0/layout/grid/

他们将断点更改为

  • 超小:< 576px
  • 小:≥576px
  • 中:≥768px
  • 大:≥992px
  • 特大:≥1200px

所以我认为XS断点很宽。