ホームページ > ウェブフロントエンド > CSSチュートリアル > Firefox 33.x と 34.x の間で Flexbox のレイアウトが異なるのはなぜですか?

Firefox 33.x と 34.x の間で Flexbox のレイアウトが異なるのはなぜですか?

Mary-Kate Olsen
リリース: 2024-12-30 04:37:55
オリジナル
1033 人が閲覧しました

Why Does My Flexbox Layout Change Between Firefox 33.x and 34.x?

FF 34.x フレックスボックスと FF 33.x の動作の不一致

Firefox 34.x または 35.x のユーザーは予期しないフレックスボックスを観察していますFirefox 33.1 と比較した動作。この矛盾は、フレックスボックス仕様に導入された変更、主に「フレックス項目の暗黙の最小サイズ」の追加に起因すると考えられます。

問題の解決

動作を復元するにはFirefox 34.x で Firefox 33.x を使用するには、最も簡単な解決策は次の CSS スタイルを適用することです。 rules:

  • { min-height:0 }

これにより、「暗黙の最小サイズ」がオーバーライドされ、レイアウトがビューポートを超えて拡大することがなくなります。

特定の使用例

元のシナリオでは、レイアウトの問題これは、「列」指向のフレックス コンテナ内の要素の特定の組み合わせによって発生しました。適切な動作を保証するには、次の基準を満たす必要があります。

  • 次の各子要素に min-height:0 を追加します。

    • の子孫である「列」指向のフレックス コンテナ
    • overflow

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

以上がFirefox 33.x と 34.x の間で Flexbox のレイアウトが異なるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート