Heim >Web-Frontend >CSS-Tutorial >Wie kann ich das fehlerhafte Flexbox-Layout von Firefox 34 reparieren und das Verhalten von Firefox 33 wiederherstellen?
Wie kann ich das fehlerhafte Flexbox-Layout von Firefox 34 reparieren und das Verhalten von Firefox 33 wiederherstellen?
- Mary-Kate OlsenOriginal
- 2024-12-23 05:39:14911Durchsuche
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:
- Sie sind Kinder eines „Spalten“-orientierten Flex-Containers.
- 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!