在使用基础5时在手机上渲染错误



这是我的情况,我在本地有一个基础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>

这是我的错,在这里我找到了解决方案:

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

相关内容

  • 没有找到相关文章

最新更新