2016-08-23 1 views
0

Ich mache eine Flexbox in React und kann es in allen Browsern außer IE10 arbeiten. Ich habe so viele Kombinationen ausprobiert, dass ich denke, dass ich nur rate.Reagieren Flexbox Kompatibilität mit IE 10

Wer sieht das Problem?

const innerToolbarStyle = { 
    display: 'flex', 
    alignItems: 'center', 
    width: '100%' 
} 

<div style= {innerToolbarStyle}> 
    {item(Search, props, {margin: 'auto', flex: 1, paddingRight: 10})} 
    {item(FilterToggle, props, {margin: 'auto', paddingRight: 10})} 
    {item(Sorter,  props, {margin: 'auto', paddingRight: 10})} 
    {item(AdminOptions, props, {margin: 'auto'})} 
<div style={{clear: 'right'}} /> 
+0

Können Sie beschreiben, was in IE10 schief läuft? –

+0

Willkommen bei StackOverflow. Bitte lesen und befolgen Sie die Buchungsrichtlinien in der Hilfe. [Minimales, vollständiges, überprüfbares Beispiel] (http://stackoverflow.com/help/mcve) gilt hier. Wir können Ihnen nicht effektiv helfen, bis Sie Ihren Code * und * das Problem genau beschreiben. "Kann es nicht zur Arbeit bringen" ist keine Problembeschreibung. Was * passiert *? – Prune

Antwort

1

IE 10 unterstützt nicht die aktuellen Flexbox Standard, nur eine ältere unvollständige Version mit -ms- Präfix.

Weitere Informationen finden Sie unter MDN Browser Compatiblity matrix.

Internet Explorer 10 unterstützt eine alte inkompatible Entwurfsversion der Spezifikation; Internet Explorer 11 wurde aktualisiert, um die endgültige Version zu unterstützen.

Verwandte Themen