iPad Air無法正常顯示我的基金會6網站

Question

我在Wordpress網站中使用Foundation 6。 我面對的問題完全是在iPad Air上發生的。它適用於較舊的iPad和所有其他設備和瀏覽器。 會發生什麼是我有6個小2列，但最後一個顯示在一個新的行。 我不明白這是怎麼發生的。

這裏是頁：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; 

我不明白爲什麼會造成這個問題。我沒有回答這個問題，因爲這只是進一步解決根本原因的方向，而不是解決方案。

Answer 1

試試這個：

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