Firefox 34 の壊れた Flexbox レイアウトを修正し、Firefox 33 の動作を復元するにはどうすればよいですか?

Firefox 34.x での Firefox 33.x フレックスボックスの動作の復元

Firefox 34.x へのアップデートにより、フレックスボックス レイアウトの動作に予期しない変更が発生し、ビューポートの境界を超えること。この問題は、Flexbox 仕様の変更、特に「フレックス項目の暗黙の最小サイズ」の導入に起因すると考えられます。

これを解決して以前の動作に戻すには、最も簡単な解決策は、スタイル ルール * を追加することです。水平コンテナの場合は { min-height:0 } または * { min-width:0 }。これにより、要素は最小サイズなしで開始され、必要に応じて縮小できるようになります。

ただし、より的を絞ったアプローチは、次の基準を満たす特定の要素にのみ min-height:0 を適用することです。

1. これらは、「列」指向のフレックス コンテナの子です。
2. これらには、許可されている Tall 子孫があります。 overflow.

元の例のように、ネストされたフレックス コンテナがある場合、ネストされた階層内のすべての要素に min-height:0 を適用する必要がある場合があります。

以上がFirefox 34 の壊れた Flexbox レイアウトを修正し、Firefox 33 の動作を復元するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。