Bootstrap 中的最小宽度和初始比例答案

【问题标题】：Min-Width and Initial-Scale in BootstrapBootstrap 中的最小宽度和初始比例
【发布时间】：2015-05-06 07:00:21
【问题描述】：

我是第一次使用 Bootstrap。我的设计需要最小宽度为 400 像素。当我在宽度较窄的设备上加载页面时（我的 Nexus 5 的宽度为 360 像素），它会溢出视口，需要水平滚动才能查看内容。我希望它能够自动缩放以适应视口。我怎样才能做到这一点？

【问题讨论】：

你要这样做，不涉及网格系统？
@Mikey - 我不明白这个问题，可能是因为我对 Bootstrap 很陌生。
看看这个链接：getbootstrap.com/css/#grid
这如何解决我的最小宽度问题？
我认为设置最小宽度并期望滚动条不会出现是不可解决的。此外，设置最小宽度不是很敏感。听起来不是很刻薄，但为什么需要最小宽度？对于响应式设计来说，具有最小宽度的重要因素是什么？网格系统非常灵活，会自动调整看这个fiddle：jsfiddle.net/36497epd

标签： css twitter-bootstrap-3 responsive-design

【解决方案1】：

正如我在评论中所建议的，您可以在引导程序中使用响应式图像。见此链接：http://getbootstrap.com/css/#images-responsive

【讨论】：

【解决方案2】：

你回答了你自己的问题，你需要设置你的身体有一个最小宽度。

body{
   min-width:1000px; /* suppose you want minimun width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:1000px;             /* As IE ignores !important it will set width as 1000px; */
}

【讨论】：

这就是我使用的，在我的例子中值是 400px。那不是问题。问题是当我在手机的浏览器中加载它时，它会溢出视口。我希望它可以缩放以适应视口。
这是一个典型的视口<meta name="viewport" content="width=device-width, initial-scale=1">参考这个链接，它可能会有所帮助developer.mozilla.org/en-US/docs/Mozilla/Mobile/…