Wie kann ich Flexbox-Probleme in Internet Explorer 11 beheben?

Flexbox-Probleme im IE lösen

Flexbox im IE11 kann nicht genutzt werden? Dieses Problem entsteht aufgrund der Schwierigkeiten des IE beim Parsen der Flex-Eigenschaft. Hier sind mehrere Problemumgehungen:

Verwendung von Langhand-Eigenschaften

Vermeiden Sie die Verwendung der Kurzform-Flex-Eigenschaft (z. B. Flex: 0 0 35 %). Verwenden Sie stattdessen die Langhandeigenschaften:

• flex-grow: 0
• flex-shrink: 0
• flex-basis: 35 %

Flex-Shrink aktivieren

Stellen Sie sicher Flex-Shrink ist in Ihrer Flex-Deklaration aktiviert. Versuchen Sie, Ihren Code von „flex: 0 0 35 %“ in „flex: 0 1 35 %“ zu ändern.

Adressierung von Wertvariationen auf Flex-Basis

IE11 zeigt unterschiedliche Verhaltensweisen mit Flex- Basiswerte. Experimentieren Sie mit diesen Variationen:

• flex: 1 1 0
• flex: 1 1 0px
• flex: 1 1 0%

Seien Sie vorsichtig bei Minifiern, die 0px in 0 konvertieren, da dies zu Debugging führen kann Probleme.

Verwendung von Flex: Auto

Ersetzen Sie flex: 1 durch flex: auto, was Folgendes impliziert:

• flex-grow: 1
• Flex-Schrumpf: 1
• Flex-Basis: automatisch

Dies verhindert das Zusammenklappen von Elementen beim Übergang von der Zeilen- zur Spaltenflexrichtung in Medienabfragen.

Verwendung altmodischer Breiten-/Höheneigenschaften

Erwägen Sie die Rückkehr zu herkömmlichen Breiten- und Höheneigenschaften, anstatt Flex zu verwenden.

Übernahme von Block Layout

In einigen Fällen kann das Blocklayout (Anzeige: Block) das Flex-Layout (Anzeige: Flex; Flex-Richtung: Spalte) in bestimmten Containern angemessen ersetzen.

Das obige ist der detaillierte Inhalt vonWie kann ich Flexbox-Probleme in Internet Explorer 11 beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!