Wie kann ich das Flexbox-Verhalten von Firefox 33.x in späteren Versionen replizieren?

Replikation des Flexbox-Verhaltens von FF 33.x in FF 34.x und höher

Die Flexbox-Implementierung in Firefox 34 und höher führt eine neue Funktion ein bekannt als „implizite Mindestgröße von flexiblen Artikeln“. Diese Änderung führt dazu, dass Elemente in Flexbox-Containern über das Ansichtsfenster hinauswachsen und frühere Layouts stören. Benutzer, die für Desktop-Anwendungen auf Flexbox angewiesen sind, können auf dieses Problem stoßen.

Um das ursprüngliche FF 33.x-Verhalten wiederherzustellen, kann eine einfache Stilregel hinzugefügt werden: * { min-height: 0; }. Diese Zeile setzt die Mindesthöhe für alle Elemente auf Null und verhindert so, dass sie die Höhe ihres Containers überschreiten.

In manchen Fällen kann es jedoch erforderlich sein, min-height:0 nur auf bestimmte Elemente anzuwenden. Dies gilt für Elemente, die:

• Kinder vertikaler Flexbox-Container sind
• große Nachkommen enthalten, die überlaufen sollen

In der ursprünglichen Frage die Das Layoutproblem entsteht durch ein hohes Element, das in mehreren Flex-Containern verschachtelt ist. Um dieses Problem zu beheben, sollte min-height:0 für alle Elemente entlang der Verschachtelungskette festgelegt werden.

Beachten Sie, dass diese Spezifikationsänderung zu weit verbreiteten Layoutunterbrechungen im Web führte. Der Fehlerbericht bietet zusätzliche Details und Beispiele: https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

Das obige ist der detaillierte Inhalt vonWie kann ich das Flexbox-Verhalten von Firefox 33.x in späteren Versionen replizieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!