Firefox 34.x へのアップデートにより、フレックスボックス レイアウトの動作に予期しない変更が発生し、ビューポートの境界を超えること。この問題は、Flexbox 仕様の変更、特に「フレックス項目の暗黙の最小サイズ」の導入に起因すると考えられます。
これを解決して以前の動作に戻すには、最も簡単な解決策は、スタイル ルール * を追加することです。水平コンテナの場合は { min-height:0 } または * { min-width:0 }。これにより、要素は最小サイズなしで開始され、必要に応じて縮小できるようになります。
ただし、より的を絞ったアプローチは、次の基準を満たす特定の要素にのみ min-height:0 を適用することです。
元の例のように、ネストされたフレックス コンテナがある場合、ネストされた階層内のすべての要素に min-height:0 を適用する必要がある場合があります。
以上がFirefox 34 の壊れた Flexbox レイアウトを修正し、Firefox 33 の動作を復元するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。