Warum ändert sich mein Flexbox-Layout zwischen Firefox 33.x und 34.x?

FF 34.x Flexbox-Diskrepanz mit FF 33.x-Verhalten

Benutzer von Firefox 34.x oder 35.x haben unerwartete Flexbox beobachtet Verhalten im Vergleich zu Firefox 33.1. Diese Diskrepanz ist auf Änderungen zurückzuführen, die in der Flexbox-Spezifikation eingeführt wurden, vor allem auf die Hinzufügung einer „impliziten Mindestgröße von Flex-Elementen“.

Behebung des Problems

Um das Verhalten wiederherzustellen von Firefox 33.x in Firefox 34.x besteht die einfachste Lösung darin, die folgende CSS-Stilregel anzuwenden:

• { min-height:0 }

Dadurch wird die „implizite Mindestgröße“ außer Kraft gesetzt und verhindert, dass das Layout über das Ansichtsfenster hinaus wächst.

Spezifischer Anwendungsfall

Im ursprünglichen Szenario entstand das Layoutproblem aufgrund einer bestimmten Kombination von Elementen innerhalb eines „spalten“-orientierten Flex-Containers. Um ein ordnungsgemäßes Verhalten sicherzustellen, müssen die folgenden Kriterien erfüllt sein:

• Fügen Sie min-height:0 zu jedem untergeordneten Element hinzu, das:

  • ein Nachkomme von a ist „Spalten“-orientierter Flex-Container
  • Enthält einen großen Nachkommen, der erforderlich ist Überlauf

In Fällen wie dem ursprünglichen Szenario, in denen mehrere verschachtelte Flex-Container vorhanden sind, kann die Anwendung von min-height:0 auf alle verschachtelten Elemente erforderlich sein.

Das obige ist der detaillierte Inhalt vonWarum ändert sich mein Flexbox-Layout zwischen Firefox 33.x und 34.x?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!