html - 使用 twitter bootstrap 时移动设备发生变化？

Question

我有这个使用 twitter bootstrap 的示例布局：

<div class="container">
     <div class="row">
        <div class="span8">
           <h1> Hello MOBLE WORLD</h1>
        </div>
    </div>
  </div>

它们在所有设备中看起来都一样。

当我将元视口放在该部分时

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在 iphone 上，它看起来完全不同，几乎就像它被切成两半（可怕），我想知道为什么会发生这种情况以及发生了什么变化，边距或填充是否与它有任何关系。谢谢

Answer 1

您要做的是使用流体网格，这基本上意味着在包装器上使用一类行流体而不是行。