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