我怎样才能让身体在手机上全宽？

Question

我试图获得一个我正在努力在移动设备上使用全屏的页面，但我似乎无法让它正常工作。我已经尝试了min-width: 100%，display: table，唯一可行的黑客就是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>