为什么我的 4 列 "col-xs" Bootstrap 3 布局不会缩小到 980 像素以下？

Question

注意，我正在Chrome的移动模拟器中测试这一点，该模拟器是通过控制台点击移动图标找到的。请参阅此屏幕截图-iimgur.comMXXYkzi.png没有添加其他html

页面上唯一的CSS是Bootstrap 3.1 CSS文件和宽度样式：100%以下：

<div id="body" style="width:100%;">
    <div class="row">
        <div class="col-xs-2">
        </div>
        <div class="col-xs-6">
        </div>
         <div class="col-xs-2">
        </div>
        <div class="col-xs-2">
         Testing...
        </div>
    </div>
</div>

当我将浏览器窗口缩小到980px以下时，列不会进一步缩小吗？

为什么会这样？CSS规则中似乎没有任何内容可以解释原因。

编辑：换句话说，我得到一个水平滚动条，我希望列的宽度缩小。

Answer 1

在Chrome Mobile Simulator中，您需要指定元内容宽度，否则默认为980px

添加此：

<meta name="viewport" content="width=device-width">

成功了。