css - 我怎样才能让 body 在移动设备上全宽？

Question

我正在尝试让我正在处理的页面在移动设备上显示为全 Angular ，但我似乎无法让它正常工作。我已经尝试过 min-width: 100%、display: table，唯一似乎有效的 hack 是 width: 103%；这显然不适用于整个站点。我正在使用 Foundation 5，屏幕截图来自 iPhone 6 模拟器以供引用，帮助会很大!

display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
overflow-x: hidden;

Answer 1

事实证明，在这种情况下，标记中的列中有一列。

在 Foundation 中，每一行都必须有一个带有列类的子 div。

<!-- Incorrect -->

<div class="row">
    <div class="columns">
        <div class="columns"></div>
    </div>
</div>

<!-- Correct -->

<div class="row">
    <div class="columns">

    </div>
</div>