Milligram: Gitter sind in IE11 kaputt

Erstellt am 23. März 2016 · 5Kommentare · Quelle: milligram/milligram

In der Demo fallen die Rasterelemente aufeinander zusammen. Nur im IE11 zu sehen.
Außerdem gibt es in den Dokumenten keine vollständige Liste der unterstützten Browser.

bug

Quelle

davedele

Hilfreichster Kommentar

Ändern Sie .row .column von flex: 1; in flex: 1 1 auto;

Funktioniert besser, und es funktioniert für alle Browser. Einschließlich IE11.

dubcanada am 10. Mai 2016

👍3

Alle 5 Kommentare

Hallo @davedele Sie können sagen, welche Version Ihres Betriebssystems? Sie können auch einige Druckbildschirme bereitstellen?

cjpatoilo am 24. März 2016

Hey @cjpatoilo , danke für deine Antwort. Genauer gesagt erhalten Sie an jedem mobilen Haltepunkt das, was Sie im angehängten Bild sehen.

Ich verwende IE11 unter Windows7
untitled-3

davedele am 24. März 2016

Hey @davedele Für IE gibt es einen teilweisen Support aufgrund der großen Anzahl an Bugs ( siehe bekannte Probleme )

Wenn Sie eine Lösung finden, kontaktieren Sie mich. Vielen Dank, dass Sie dieses Problem gemeldet haben.

cjpatoilo am 24. März 2016

Danke @cjpatoilo , Hier ist eine schnelle Problemumgehung für IE11:

Ich benutze ein bisschen js, um den UserAgent http://rog.ie/blog/html5-boilerplate-addon zu finden

Dann füge ich eine neue Medienabfrage hinzu:

<strong i="10">@media</strong> screen and (max-width: 40em) {

    html[data-useragent*='rv:11.0'] .row .column {
        flex: none;
    }
}

Was es im IE kaputt macht, ist das " flex:1 " in der Klasse ".row .column".