iPad Airでファンデーション6のサイトが正しく表示されない

Question

WordpressサイトでFoundation 6を使用しています。 私が直面する問題は、iPad Airでのみ起こっています。古いiPadsや他のすべてのデバイスやブラウザで正常に動作します。 何が起こるかというと、小2列は6つありますが、最後の行は新しい行に表示されます。 これはどうして起こるかわかりません。ここで

ページです。ここでhttps://lagalope.com/the-collection-2/

はHTML構造である：私はJSFiddleでこれを再現するとき、それは間違って何かが私のワードプレスであることを意味して

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

が、これは正常に動作していますテーマ：... https://jsfiddle.net/curuba/s5twohf5/2/

[編集] フレックスグリッドの使用を避けると解決されるようです。私は次の行をコメントアウトすると、すべての罰金です：

@include foundation-flex-grid; 

これが問題を引き起こしている理由を私は理解していません。私は、これが根本的な原因の単なるさらなる方向であるが決議ではないので、この質問に答えられないようにした。

Answer 1

これを試してみてください：

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