Maison > interface Web > tutoriel CSS > Dans quelle mesure les navigateurs modernes prennent-ils en charge la disposition en grille CSS ?

Dans quelle mesure les navigateurs modernes prennent-ils en charge la disposition en grille CSS ?

Barbara Streisand
Libérer: 2024-12-18 04:20:02
original
302 Les gens l'ont consulté

How Well Do Modern Browsers Support CSS Grid Layout?

Prise en charge des navigateurs pour CSS Grid : exploration de la compatibilité

À mesure que CSS Grid gagne en popularité pour ses capacités de mise en page avancées, il est crucial de comprendre sa compatibilité entre les navigateurs. . Bien que la situation puisse paraître confuse au premier abord, un examen plus approfondi révèle un paysage clair.

Puis-je utiliser par rapport à la documentation Microsoft

Lors de la vérification de la prise en charge du navigateur sur Puis-je utiliser, cela suggère une prise en charge généralisée de CSS Grid. Cependant, la documentation de Microsoft dresse un tableau légèrement différent. Cet écart est dû au fait que de nombreux navigateurs prennent en charge Grid, mais avec différents niveaux d'exhaustivité des fonctionnalités.

État actuel des principaux navigateurs

  • Chrome : Support complet depuis mars 2017 (version 57)
  • Firefox : Support complet depuis mars 2017 (version 52)
  • Safari : Support complet depuis mars 2017 (version 10.1)
  • Edge : Support complet depuis Octobre 2017 (version 16)
  • IE11 : Ne prend pas en charge la spécification actuelle ; prend en charge une version obsolète
  • IE10 :Semblable à IE11 ; prend en charge une version obsolète

Situation unique d'Edge

Edge se distingue en prenant en charge une spécification CSS Grid plus ancienne et remplacée. Cette limitation provient de son moteur sous-jacent, EdgeHTML. Cependant, Microsoft développe une nouvelle version d'Edge qui mettra pleinement en œuvre la spécification Grid actuelle.

Conclusion

Bien que CSS Grid bénéficie d'un support généralisé, il est essentiel de noter les différents degrés d’exhaustivité des fonctionnalités selon les navigateurs. Pour des informations complètes sur la compatibilité, reportez-vous à Puis-je utiliser ou à la documentation officielle du navigateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal