bootstrap 中有几个媒体查询.container,因此在某些屏幕分辨率.container下,它会过度压缩其中的内容,人为地切断有用空间。width: 1140px如果没有额外的媒体查询,难道不能只做 max-吗?这不是我排版的第一天,对我来说,无论如何,当内容尽可能靠近浏览器边缘时,这看起来很合乎逻辑。但是,我理解这有一定的意义,它带来了一定的便利。问题是,为什么我们需要媒体查询.container?(我知道有.container-fluid,理解内容限制的逻辑对我来说很重要。在宽显示器上,很明显阅读宽文本很不方便,但为什么在较低的分辨率下呢?)。
固定的内容宽度使得可以以完全不同的宽度一致地显示预期的设计。布局更容易/更快地测试。像素完美是合理的,否则您会根据布局将其设置为一个宽度,并且更窄,更宽 - 并不总是符合预期的设计。屏幕的主要尺寸是众所周知的,并且会根据它们调整断点。即使在移动设备上,他们也尝试使用元标记来固定一个宽度,以便布局在任何地方都尽可能统一。此外,窄块中的信息更容易被感知。例如,文本更容易从不太宽的纸上阅读。