0
Flexbox を使用して複雑なグリッドレイアウトを作成しています（CSSグリッドはサポートが必要なブラウザではサポートされていません）とChromeとFirefoxでは、 Safariではフレックスアイテムの高さが0で正しく表示されません。SafariにFlexアイテムの高さがありません
私は私のコードがである場合、あなたがクローム/ Firefoxの上、上記のリンクを訪問すればそう https://s.codepen.io/glennflanagan82/debug/NgPXJR/LQkExPgxmyxA
（CSSについて謝罪私のプロジェクト出力からコピー＆ペーストしなければならなかった、）証明CodePenを作成しましたタイルにホバー機能を持つグリッドレイアウトが表示されますが、Safariには表示されず、テキストも表示されません。私はこれがgrid-tile__link要素を0の高さに設定しているSafariだと判断しましたが、理由はわかりません。
私は完全にこれに困惑しているので、どんな助けも高く評価されます。
ありがとうございました。 Safariは、 'flex-basis'が設定されたネストされたアイテムではあまりうまく対処しません。最後に 'flex'プロパティを利用しなければなりませんでした。 –