Firefox 34.x 以降で Firefox 33.x の Flexbox の動作を復元するにはどうすればよいですか?

Firefox 34.x 以降で Firefox 33.x の Flexbox の動作を復元する

Firefox の最近の更新 (バージョン 34 および 35) Flexbox のデフォルトの動作が変更されました。アプリケーションのレイアウトを Flexbox に大きく依存していて、予期せぬ変更に気付いた場合は、この記事を参照して、Firefox 33.x で見られる動作を新しいバージョンで再現する方法を説明します。

Firefox 33.x の Flexbox の主な違い34.x は、「フレックス項目の暗黙の最小サイズ」の導入にあります。この機能は削除され、Flexbox 仕様に再度追加されましたが、フレックス項目に最小サイズを割り当て、特定のシナリオでは項目がビューポートを超えて拡張されるようにします。

Firefox 33.x からの動作を復元するには、次のスタイル ルールを追加できます:

* { min-height: 0; }

このルールは、すべての要素の最小の高さを事実上 0 に設定し、フレックス レイアウトがそのように動作できるようにします。 Firefox 33.x ではそうでした。

または、次の基準を満たす特定の要素にのみ min-height: 0 を適用することもできます。

• 垂直方向の子 (列) ) フレックス コンテナ
• を必要とする背の高い子孫が含まれます。 overflow

特定のケースでは、階層内の各要素にオーバーフロー処理が必要な Tall の子孫が含まれる可能性があるため、アプリケーション内のネストされたフレックス コンテナー全体に min-height: 0 を適用する必要がある可能性があります。

この Flexbox 仕様変更によって影響を受けるコンテンツの追加の洞察と例については、次の Mozilla バグ レポートを参照してください。 https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

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