Wie kann ich das fehlerhafte Flexbox-Layout von Firefox 34 reparieren und das Verhalten von Firefox 33 wiederherstellen?

Wiederherstellen des Flexbox-Verhaltens von Firefox 33.x in Firefox 34.x

Das Update auf Firefox 34.x hat zu einigen unerwarteten Änderungen im Verhalten des Flexbox-Layouts geführt, was dazu geführt hat die Grenzen des Ansichtsfensters überschreiten. Dieses Problem wird auf eine Änderung in der Flexbox-Spezifikation zurückgeführt, insbesondere auf die Einführung der „impliziten Mindestgröße von Flex-Elementen“.

Um dieses Problem zu beheben und das vorherige Verhalten wiederherzustellen, besteht die einfachste Lösung darin, die Stilregel * hinzuzufügen. { min-height:0 } oder * { min-width:0 } für horizontale Container. Dadurch wird sichergestellt, dass Elemente keine Mindestgröße haben und bei Bedarf verkleinert werden können.

Ein gezielterer Ansatz wäre jedoch, min-height:0 nur auf bestimmte Elemente anzuwenden, die die folgenden Kriterien erfüllen:

1. Sie sind Kinder eines „Spalten“-orientierten Flex-Containers.
2. Sie haben einen großen Nachkommen, der das darf Überlauf.

In Fällen, in denen verschachtelte Flex-Container vorhanden sind, wie im ursprünglichen Beispiel, muss min-height:0 möglicherweise auf alle Elemente in der Verschachtelungshierarchie angewendet werden.

Das obige ist der detaillierte Inhalt vonWie kann ich das fehlerhafte Flexbox-Layout von Firefox 34 reparieren und das Verhalten von Firefox 33 wiederherstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!