html - bootstrap 如何将最小页面宽度限制为 400px

Question

我注意到，在 twitter bootstrap 的所有示例/教程中，当您尝试缩小浏览器的宽度时，它会停在 400px 处。例如：

• http://getbootstrap.com/2.3.2/examples/fluid.html
• http://aozora.github.io/bootplus

我已经通过 Chrome（版本 28.0.1500.95）检查了 CSS 和 HTML，但无法弄清楚它是如何实现这一点的。我觉得我错过了一些非常明显的东西。

我问这个的原因是我已经按照教程进行了操作，并且我相信我已经完成了所需的一切，但它并没有将大小限制为 400 像素。如果我理解这些示例是如何实现这一点的，那么也许我可以在我自己的 CSS/HTML 中解决这个问题。

Answer 1

Bootstrap 与它无关。Chrome 似乎对窗口大小有与操作系统相关的下限——例如​​，无论显示什么，OS X 版本都不允许将其主窗口的大小调整到 400 像素左右。

Answer 2

哦，所以它是通过min-width为 body style 指定一个属性来实现的。在这里检查这个小提琴：

CSS：

body{
   min-width:400px;
   width: auto !important;
   width:400px;
   background-color: #dbdbdb;
}

结果。