使用 Foundation 5 时在移动设备上渲染错误

Question

这是我的情况，我在本地有一个运行良好的基础 5 网站，但是当我将一组页面放在服务器上以在移动设备（三星 Galaxy 被认为是中型设备）上进行测试时，部分内容没有按预期延长。这是我的主页文件的结构：

<!-- 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>

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

<!-- 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

使用 Foundation 5 时在移动设备上渲染错误

wrong render on mobile while using foundation 5

android

html

css

zurb-foundation

zurb-foundation-5