一尘不染

Bootstrap 3为什么将容器宽度强制设置为特定大小?

css

如果我的浏览器大小为992px宽,则.container的最大宽度为970px。如果我的浏览器的尺寸为991px,那么.container的最大宽度为750px。为什么最大宽度会有这么大的变化?为什么不只将最大宽度设置为1170px左右,或者在每侧留出20px的边距,以便在调整浏览器窗口大小时,容器的宽度可以平滑缩放而不是跳得很大?

例如在992px的屏幕宽度上,我的每一边都只有很少的空白(11px)。但是在991px宽处,我在每侧上留有120px的边距,这意味着将近25%的屏幕不动产在边上都是空白。这对我来说没有多大意义。这样做有原因吗?我可以消除这种偏爱某些容器宽度而不破坏东西的行为吗?


阅读 324

收藏
2020-05-16

共1个答案

一尘不染

Bootstrap员工的官方回答:

归结为,在我看来,针对特定断点进行设计比针对无限,未知大小的设计要容易。您提到的替代方案没有错也没有错,只是有所不同。我希望我们使用非常具体的范围来维护等级

2020-05-16