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

Question

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

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

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

我之所以这样说的原因是我已经按照教程进行操作，我相信我已经完成了所有必需的操作，但它不会将大小限制为400px。如果我理解这些例子是如何实现的，那么也许我可以在我自己的CSS / HTML中解决这个问题。

Answer 1

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

Answer 2

哦，这是通过为身体风格指定min-width属性来实现的。在这里检查this fiddle：

的CSS：

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

result