問題タブ [ipad-3]

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

ページはこちら: https://lagalope.com/the-collection-2/

html構造は次のとおりです。

これをJSFiddleで再現すると、これは正常に機能しているため、WordPressのテーマに何か問題があることを意味します...: https://jsfiddle.net/curuba/s5twohf5/2/

[編集] flex-grid の使用を避けると解決するようです。次の行にコメントすると、すべて問題ありません。

なぜこれが問題を引き起こしているのかわかりません。これは根本的な原因へのさらなる方向性であり、解決策ではないため、この質問には回答がありません。

私の React Native アプリは、iPad と iPhone のすべての iOS バージョン (角が丸い iPhone X を含む) で端から端までフルスクリーンで表示されますが、iPad 第 3 世代では、アプリの外側に黒い境界線が表示されます。

フルスクリーンにする方法を教えてください。たとえば、アプリを上部のステータス バーの下から丸みを帯びた角まで続けたいとします。

たとえば、スクリーンショットはネイティブ マップ アプリがフルスクリーンでどのように機能するかを示していますが、私のアプリは緑色の領域しか塗りつぶさず、端に黒い境界線があります。