Wie kann ich das Flexbox-Verhalten von Firefox 33.x in Firefox 34.x und höher wiederherstellen?

Wiederherstellen des Flexbox-Verhaltens von Firefox 33.x in Firefox 34.x und höher

Neueste Updates für Firefox (in den Versionen 34 und 35) haben das Standardverhalten von Flexbox geändert. Wenn Sie sich beim Layout Ihrer Anwendung stark auf Flexbox verlassen und unerwartete Änderungen bemerken, hilft Ihnen dieser Artikel dabei, das Verhalten von Firefox 33.x in neueren Versionen zu reproduzieren.

Der Hauptunterschied zwischen Flexbox in Firefox 33.x und 34.x liegt in der Einführung einer „impliziten Mindestgröße von Flex-Elementen“. Diese Funktion, die entfernt und dann wieder zur Flexbox-Spezifikation hinzugefügt wurde, weist Flex-Elementen eine Mindestgröße zu, was dazu führt, dass sie in bestimmten Szenarien über das Ansichtsfenster hinausragen.

Um das Verhalten von Firefox 33.x wiederherzustellen können Sie die folgende Stilregel hinzufügen:

* { min-height: 0; }

Diese Regel setzt die Mindesthöhe aller Elemente effektiv auf 0, sodass sich das Flex-Layout wie in Firefox verhält 33.x.

Alternativ können Sie min-height: 0 nur auf bestimmte Elemente anwenden, die die folgenden Kriterien erfüllen:

• Untergeordnete Elemente eines vertikal ausgerichteten (Spalten-)Flex-Containers
• Einen großen Nachkommen enthalten, der einen Überlauf erfordert

In Ihrem speziellen Fall müssen Sie dies wahrscheinlich tun Wenden Sie min-height: 0 auf alle verschachtelten Flex-Container in Ihrer Anwendung an, da jedes Element in der Hierarchie möglicherweise einen großen Nachkommen hat, der eine Überlaufbehandlung erfordert.

Weitere Einblicke und Beispiele für Inhalte, die von dieser Flexbox-Spezifikationsänderung betroffen sind Weitere Informationen finden Sie im folgenden Mozilla-Fehlerbericht: 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 Firefox 34.x und höher wiederherstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!