Wie gut unterstützen moderne Browser das CSS-Rasterlayout?

Browserunterstützung für CSS Grid: Erkundung der Kompatibilität

Da CSS Grid aufgrund seiner erweiterten Layoutfunktionen immer beliebter wird, ist es von entscheidender Bedeutung, seine Kompatibilität zwischen Browsern zu verstehen . Auch wenn die Situation auf den ersten Blick verwirrend erscheinen kann, offenbart sich bei näherer Betrachtung ein klares Bild.

Can I Use im Vergleich zur Microsoft-Dokumentation

Wenn Sie die Browserunterstützung für Can I Use prüfen, es deutet auf eine breite Unterstützung für CSS Grid hin. Die Dokumentation von Microsoft zeichnet jedoch ein etwas anderes Bild. Diese Diskrepanz entsteht, weil viele Browser Grid unterstützen, allerdings mit unterschiedlichem Grad an Funktionsvollständigkeit.

Aktueller Status der wichtigsten Browser

• Chrome: Volle Unterstützung seit März 2017 (Version 57)
• Firefox:Volle Unterstützung seit März 2017 (Version 52)
• Safari:Volle Unterstützung seit März 2017 (Version 10.1)
• Edge: Volle Unterstützung seit Oktober 2017 (Version 16)
• IE11: Unterstützt die aktuelle Spezifikation nicht; unterstützt eine veraltete Version
• IE10: Ähnlich wie IE11; unterstützt eine veraltete Version

Die einzigartige Situation von Edge

Edge zeichnet sich durch die Unterstützung einer älteren, ersetzten CSS Grid-Spezifikation aus. Diese Einschränkung ergibt sich aus der zugrunde liegenden Engine EdgeHTML. Microsoft entwickelt jedoch eine neue Version von Edge, die die aktuelle Grid-Spezifikation vollständig implementieren wird.

Fazit

CSS Grid genießt zwar breite Unterstützung, dies ist jedoch unbedingt zu beachten der unterschiedliche Grad der Funktionsvollständigkeit in den verschiedenen Browsern. Ausführliche Informationen zur Kompatibilität finden Sie unter Can I Use oder in der offiziellen Browserdokumentation.

Das obige ist der detaillierte Inhalt vonWie gut unterstützen moderne Browser das CSS-Rasterlayout?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!