J'utilise la grille CSS pour ma mise en page, et en testant dans Chrome et Firefox tout fonctionne très bien. J'ai une mise en page à 4 colonnes avec des espaces entre les lignes et les colonnes, qui à certains points d'interrogation de médias se transforme en 2 colonnes, et plus tard 1 colonne. Cela fonctionne comme un charme. J'ai essayé de tester ma page sur mon téléphone, et tout semble fonctionner, à l'exception de mes trous de grille, qui sont simplement ignorés complètement, et il n'y a pas d'écart. Ensuite, j'ai essayé de tester ma page dans Edge, et ici, il semble que pas une seule propriété de la grille fonctionne. Pas même la disposition de base de celui-ci. Des idées pourquoi c'est? Je pensais que la grille était entièrement supportée à ce stade?CSS Grid-gap ne fonctionne pas sur mobile
0
A
Répondre
0
Edge a des problèmes, tous les périphériques ne prennent pas en charge tous les périphériques. Bord probably still working autour. Honnêtement, faire 100% infaillible avec CSS très difficile pour les mises en page compliquées dans la vie réelle.
Vous pouvez regarder this jQuery for flawless grid sur presque tous les appareils au cas où votre besoin est immédiat à des fins de production. Les projets jQuery ont un avantage fondamental que les utilisateurs peuvent signaler un bug, développer un test.
La prise en charge CSS Grid n'est disponible que dans les dernières versions de navigateur - http://caniuse.com/#feat=css-grid Selon le téléphone/navigateur que vous utilisez, il se peut qu'il ne prenne pas encore en charge la grille. ou vous n'ajoutez pas de préfixe fournisseur (-ms, -webkit, -moz). –