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網站

回答

相關問題