ie10 und flexboxes? (Alptraum)
Leider habe ich, um meine website-code kompatibel mit Internet Explorer 10 und bin mit einigen Fragen, sogar nach dem Lesen der Dokumentation auf der offiziellen website
hier ist mein css code:
.uberflex {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: -webkit-flex;
-webkit-flex-flow: column wrap;
-webkit-justify-content: flex-start;
-webkit-align-items: flex-start;
display: -ms-flexbox;
-ms-flex-flow: column wrap;
-ms-justify-content: flex-start;
-ms-align-items: flex-start;
}
Meines Wissens, ie10 unterstützt flexbox-aber nur mit der Option "- ms - " - Präfix, die habe ich hier. Nach der überprüfung der Konsole in ie10, ist es zu sehen, der "display: -ms-flexbox;" aber keiner der anderen "-ms-" pre-Dinge fixiert?? Kann mir jemand erklären, warum dies passiert ist?
Dank! 🙂
Keine Ahnung, wie alt
Danke für die Antwort BoltClock! Könnten Sie dies erläutern? Meinst du, dass die Eigenschaften, wie "die-ms-flex-flow" funktionieren nicht in ie10? Es ist wirklich peinlich, zu versuchen, um code für diese als ie11 hat die Unterstützung für die neueste version der flexbox-syntax, aber nicht für den ie10
Hmm hatte ich auch schon gelesen, dass die Seite Teemu und wenn ich copy paste genau das, was Sie aufgeführt haben ie10 ist nicht zu erkennen, es??? es erkennt nur "-ms-flexbox" als eine Eigenschaft .uberflex Klasse, sonst nichts 🙁 Mein ie10 version 10.0.9200.16660
Hmm... sieht aus wie es war ein Alter doc, haben Sie gesehen, eins?
Ja, ich versuchte mit diesen, ich nur hinzufügen "-ms-" in der front für ie10 Recht? Ich schrieb "-ms-align-items: flex-start;" und es wird nicht erkennen, dass es dort auf ie10. Ich bin mit Windows 7 (in parallels einen Mac verwenden) btw, falls das einen Unterschied macht.
display: flexbox
syntax - ich bin mir nicht sicher, ob diese Eigenschaften auch gelten.Danke für die Antwort BoltClock! Könnten Sie dies erläutern? Meinst du, dass die Eigenschaften, wie "die-ms-flex-flow" funktionieren nicht in ie10? Es ist wirklich peinlich, zu versuchen, um code für diese als ie11 hat die Unterstützung für die neueste version der flexbox-syntax, aber nicht für den ie10
Hmm hatte ich auch schon gelesen, dass die Seite Teemu und wenn ich copy paste genau das, was Sie aufgeführt haben ie10 ist nicht zu erkennen, es??? es erkennt nur "-ms-flexbox" als eine Eigenschaft .uberflex Klasse, sonst nichts 🙁 Mein ie10 version 10.0.9200.16660
Hmm... sieht aus wie es war ein Alter doc, haben Sie gesehen, eins?
Ja, ich versuchte mit diesen, ich nur hinzufügen "-ms-" in der front für ie10 Recht? Ich schrieb "-ms-align-items: flex-start;" und es wird nicht erkennen, dass es dort auf ie10. Ich bin mit Windows 7 (in parallels einen Mac verwenden) btw, falls das einen Unterschied macht.
InformationsquelleAutor shan | 2013-09-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
yeah, flexbox in IE 10 ist eine totale Albtraum.
hier sind einige Tipps zu IE 10 flexbox-Unterstützung geschabt von mehreren Seiten (diese war sehr hilfreich):
zunächst - eine sehr nützliche flag (kann auf alle Elemente):
flag für die Isolierung IE10-spezifischen CSS -
.lt-ie11 & { }
die folgenden Definitionen sollen im container element
Definieren Sie ein Flex-container
display: -ms-flexbox;
.
Horizontale Ausrichtung:
-ms-flex-pack: start/end/center/justify;
.
Vertikale Ausrichtung
-ms-flex-align: start/end/center/stretch/basline;
die folgenden Definitionen sollen im Kind element ("item")
Element Bestellung
die Auftragsnummer kann positiv oder negativ sein. je niedriger der Wert, desto näher an den container starten, wird das element angezeigt
-ms-flex-order [number]
.
Einstellung ein Element " größer/kleiner werden/bevorzugte Größe
dies ist ein wichtiges Konzept von flexbox, die Kontrolle, wie extra oder negativen (fehlenden) Raum ist geteilt zwischen der untergeordneten Elemente einer flexbox-container.
Grundsätzlich je höher die Zahl, desto mehr zusätzlichen Speicherplatz Hinzugefügt wird, auf die gewünschte Größe ein (im Fall von wachsen), oder die mehr Platz abgezogen wird, das element, um es zu passen (im Fall von schrumpfen). Wenn ein Wert von '0' zugeordnet, dem element wird die Größe nicht beeinflusst werden.
-ms-flex: [grow shrink size];
oder die shorhand version:
-ms-flex: [value]; //== -ms-flex: value value 0
beachten Sie, dass, sofern nicht explizit definiert, IE10 gibt einen Standard, bevorzugte Größe
0
, die dazu führen können Ihr element ganz verschwinden. Dies kann gemildert werden durch die Definition eine explizite Größe (entweder inpx
oder%
) oder definieren Sie es alsauto
)Für eine Allgemeine Diskussion von Flexbox, können Sie einen Blick hier, und eine Schnellsuche ist hier
InformationsquelleAutor sangil