iPad Air无法正常显示我的基金会6网站

我在Wordpress网站中使用Foundation 6。我面对的问题完全是在iPad Air上发生的。它适用于较旧的iPad和所有其他设备和浏览器。会发生什么是我有6个小2列，但最后一个显示在一个新的行。我不明白这是怎么发生的。 iPad Air无法正常显示我的基金会6网站

这里是页：https://lagalope.com/the-collection-2/

下面是HTML结构：

<div class="row"> 
    <div class="small-2 column"> 
    content.... 
    </div> 
    <div class="small-2 column"> 
    content.... 
    </div> 
    <div class="small-2 column"> 
    content.... 
    </div> 
    <div class="small-2 column"> 
    content.... 
    </div> 
    <div class="small-2 column"> 
    content.... 
    </div> 
    <div class="small-2 column"> 
    content.... 
    </div> 
</div>

当我重现此在的jsfiddle这个工作正常所以这意味着有什么问题在我的wordpress主题...：https://jsfiddle.net/curuba/s5twohf5/2/

[编辑] 它似乎解决了，当我避免使用柔性电网。当我评论以下行时，一切正常：

@include foundation-flex-grid;

我不明白为什么会造成这个问题。我没有回答这个问题，因为这只是进一步解决根本原因的方向，而不是解决方案。

来源

2016-07-23 curuba

试试这个：

// Fix ios flex bug 
.row { 
    .column:first-child { 
    flex: 1 1 0; 
    } 
}

来源

2017-03-07 13:35:01 Syam

iPad Air无法正常显示我的基金会6网站

回答

相关问题