Warum funktioniert mein CSS-Rasterlayout in IE11 nicht, selbst mit Präfixen?

CSS-Rasterlayout funktioniert in IE11 nicht, selbst mit Präfixen

Trotz Einhaltung der CSS-Rasterlayoutstandards und der Verwendung von Präfixen haben einige Benutzer Es treten Probleme bei der korrekten Darstellung des Layouts in IE11 auf. Dieser Artikel befasst sich mit den Kompatibilitätsdiskrepanzen und bietet eine Lösung.

Die ältere Version der Grid-Spezifikation, die von IE11 verwendet wird, unterstützt bestimmte Eigenschaften, die im neueren Standard eingeführt wurden, nicht. Um die Kompatibilität mit IE11 sicherzustellen, sind folgende Änderungen erforderlich:

• repeat()-Funktion: Die Funktion „repeat()“ wird in IE11 nicht unterstützt. Verwenden Sie die richtige Syntax oder deklarieren Sie Zeilen- und Spaltenlängen explizit.
• Span-Schlüsselwort: Das Span-Schlüsselwort zum Definieren von Rasterzellenbereichen wird in IE11 nicht unterstützt. Verwenden Sie die entsprechenden Eigenschaften, Grid-Row-Span und Grid-Column-Span.
• Grid-Gap-Eigenschaft: Die Grid-Gap-Eigenschaft und ihre Langhandformen (Grid-Column-Span) Gap und Grid-Row-Gap) werden in IE11 nicht unterstützt. Entdecken Sie alternative Methoden zum Trennen von Rasterelementen, wie z. B. Ränder.

Außerdem fehlt in IE11 die Unterstützung für die automatische Platzierung von Rasterelementen. Um die ordnungsgemäße Platzierung von Rasterelementen sicherzustellen, definieren Sie deren Positionen explizit mithilfe der Eigenschaften -ms-grid-row und -ms-grid-column.

Das obige ist der detaillierte Inhalt vonWarum funktioniert mein CSS-Rasterlayout in IE11 nicht, selbst mit Präfixen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!