Dans la démo, les éléments de la grille s'effondrent les uns sur les autres. Ne voyant cela que dans IE11.
De plus, il n'y a pas de liste complète des navigateurs pris en charge dans la documentation.
Salut @davedele Vous pouvez dire quelle version de votre système d'exploitation ? Vous pouvez également fournir un écran d'impression?
Salut @cjpatoilo , merci pour ta réponse. Pour être plus précis, à n'importe quel point d'arrêt mobile, vous obtenez ce que vous voyez dans l'image ci-jointe.
J'utilise IE11 sur Windows7
Hey @davedele Pour IE, il existe un support partiel en raison de la grande quantité de bogues ( voir problèmes connus )
Si vous trouvez une solution, contactez-moi. Merci d'avoir signalé ce problème.
Merci @cjpatoilo , voici une solution de contournement rapide pour IE11 :
J'utilise un peu de js pour trouver le UserAgent http://rog.ie/blog/html5-boilerplate-addon
Ensuite, j'ajoute une nouvelle requête média :
<strong i="10">@media</strong> screen and (max-width: 40em) {
html[data-useragent*='rv:11.0'] .row .column {
flex: none;
}
}
Ce qui le casse dans IE, c'est le " flex:1 " dans la classe " .row .column ".
Changer .row .column
de flex: 1;
à flex: 1 1 auto;
Fonctionne mieux, et cela fonctionne pour tous les navigateurs. Y compris IE11.
Commentaire le plus utile
Changer
.row .column
deflex: 1;
àflex: 1 1 auto;
Fonctionne mieux, et cela fonctionne pour tous les navigateurs. Y compris IE11.