Pourquoi ma disposition de grille CSS ne fonctionne-t-elle pas dans IE11, même avec des préfixes ?

La disposition de la grille CSS ne fonctionne pas dans IE11, même avec des préfixes

Malgré le respect des normes de disposition de la grille CSS et l'utilisation de préfixes, certains utilisateurs rencontrez des problèmes pour rendre correctement la mise en page dans IE11. Cet article traite des écarts de compatibilité et propose une solution.

L'ancienne version de la spécification Grid utilisée par IE11 ne prend pas en charge certaines propriétés introduites dans la nouvelle norme. Pour assurer la compatibilité avec IE11, les modifications suivantes sont nécessaires :

• Fonction repeat() : La fonction repeat() n'est pas prise en charge dans IE11. Utilisez la syntaxe correcte ou déclarez explicitement les longueurs de lignes et de colonnes.
• mot-clé span : le mot-clé span pour définir les étendues de cellules de la grille n'est pas pris en charge dans IE11. Utilisez les propriétés équivalentes, grid-row-span et grid-column-span.
• Propriété grid-gap : La propriété grid-gap et ses formes longues (grid-column- gap et grid-row-gap) ne sont pas pris en charge dans IE11. Explorez des méthodes alternatives pour séparer les éléments de la grille, telles que les marges.

De plus, IE11 ne prend pas en charge le placement automatique des éléments de la grille. Pour garantir le placement correct des éléments de la grille, définissez explicitement leurs positions à l'aide des propriétés -ms-grid-row et -ms-grid-column.

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!