Firefox 33.x の Flexbox の動作を新しいバージョンで複製するにはどうすればよいですか?

FF 33.x フレックスボックスの動作を FF 34.x 以降で複製する

Firefox 34 以降のフレックスボックス実装には新しい機能が導入されていますこれは「フレックス項目の暗黙の最小サイズ」として知られています。この変更により、フレックスボックス コンテナ内の要素がビューポートを超えて拡大し、以前のレイアウトが混乱します。デスクトップ アプリケーションでフレックスボックスに依存しているユーザーは、この問題が発生する可能性があります。

元の FF 33.x の動作を復元するには、単純なスタイル ルールを追加できます。 * { min-height: 0; }。この行は、すべての要素の最小の高さをゼロに設定し、コンテナの高さを超えないようにします。

ただし、場合によっては、特定の要素にのみ min-height:0 を適用する必要がある場合があります。これは次の要素に適用されます。

• 垂直フレックスボックス コンテナの子である
• オーバーフローすることを目的とした背の高い子孫が含まれる

元の質問では、レイアウトの問題は、複数のフレックス コンテナ内にネストされた背の高い要素によって発生します。これを解決するには、ネスト チェーンに沿ったすべての要素に min-height:0 を設定する必要があります。

この仕様変更により、Web 上で広範囲にわたるレイアウトの破損が発生したことに注意してください。バグ レポートには追加の詳細と例が記載されています: https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

以上がFirefox 33.x の Flexbox の動作を新しいバージョンで複製するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。