引导网格断点通常刚好足够,还是创建其他断点更常见



我理解的网格系统

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

所以,你们不觉得XS类完全不小,绝对不是额外的吗?我正在考虑创建一个小断点,并想知道这样做是否很常见,或者有什么地方我没有做对!!最简单的方法是什么?

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

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

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

他们将断点更改为

  • 超小号:<576 像素
  • 小:≥576px
  • 中:≥768 像素
  • 大:≥992 像素
  • 超大号:≥1200 像素

所以我认为XS断点是宽的。

最新更新