Milligram: Les grilles sont brisées dans IE11

Créé le 23 mars 2016  ·  5Commentaires  ·  Source: milligram/milligram

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.

bug

Commentaire le plus utile

Changer .row .column de flex: 1; à flex: 1 1 auto;

Fonctionne mieux, et cela fonctionne pour tous les navigateurs. Y compris IE11.

Tous les 5 commentaires

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
untitled-3

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.

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

equinusocio picture equinusocio  ·  14Commentaires

piever picture piever  ·  3Commentaires

PurpleBabar picture PurpleBabar  ·  6Commentaires

luisaceituno picture luisaceituno  ·  6Commentaires

dnohr picture dnohr  ·  7Commentaires