使用基础 5 时在移动设备上出现错误渲染

Question

这是我的情况，我在本地有一个 Foundation 5 网站运行良好，但是当我在服务器上放置一组页面以在移动设备上进行测试时（三星银河被视为中等设备），部分内容没有扩展为应该。这是我的母版页文件的结构：

<!-- MasterPage Structure -->
<div class="row" data-equalizer>
    <div class="hide-for-medium-down large-3 columns" data-equalizer-watch></div>
    <div class="small-12 large-7 columns" data-equalizer-watch>
        <asp:ContentPlaceHolder ID="cphMain" runat="server"></asp:ContentPlaceHolder>
    </div>
    <div class="hide-for-medium-down large-2 columns" data-equalizer-watch></div>
</div>

这是我的内容页面之一，它在我的手机上呈现不佳，我将解释它在代码中的作用，因为某些部分正确呈现并按预期呈现：

<!-- Content Page Structure -->
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">
    <div class="row">
        <div class="small-12 columns">
           <!-- here i have some long text which should span for the whole page width, 
                however it doesnt and expands for a little more than 1/3 of it -->
        </div>
    </div>

    <div class="row">
        <div class="small-4 columns">
            <ul class="pricing-table"></ul>
        </div>
        <div class="small-4 columns">
            <ul class="pricing-table"></ul>
        </div>
        <div class="small-4 columns">
            <ul class="pricing-table"></ul>
        </div>
    </div>

    <div class="row">
        <div class="small-12 columns">
           <!-- here i have some long text which should span for the whole page width, 
                however it doesnt and expands for a little more than 1/3 of it -->
        </div>
    </div>
</asp:Content>

Answer 1

这是我的错，我在这里找到了解决方案：

http://foundation.zurb.com/forum/posts/35621-foundation-5-not-rendering-on-mobile