フレックスボックスでIE 10および11が誤って幅を解釈しています

Question

IE 10 &フレックスボックスと組み合わせて使用​​すると、IE 11はセットmin-widthを誤って解釈します。下の画像で

、両方divsは1 1 0%;へのflexセットを有するが、最初のものは、実際にはIE 10に250pxとしてレンダリング& 11れる200pxのmin-width有する：

フィドル：https://jsfiddle.net/wspwd85h/2/

HTML：

<div id="wrapper"> 
    <div id="div1"></div> 
    <div id="div2"></div> 
</div> 

CSS：

#wrapper { 
    width: 300px; 
    height: 100px; 
    background: yellow; 
    display: flex; 
    display: -ms-flexbox; 
} 

#wrapper div { 
    flex: 1 1 0%; 
    -ms-flex: 1 1 0%; 
} 

#div1 { 
    background: green; 
    min-width: 200px; 
} 

#div2 { 
    background: red; 
} 

私はあなたが、コンテンツサイズの別名flex-basisautoに設定し、divのwidth: 100%を作ることができflexbugs pages ...

Answer 1

にこれについてのすべての情報を見つけることができません。

フィドル：https://jsfiddle.net/jofjmwz6/

#wrapper { 
    width: 300px; 
    height: 100px; 
    background: yellow; 
    display: flex; 
    display: -ms-flexbox; 
} 

#wrapper div { 
    flex: 0 1 auto; 
    -ms-flex: 0 1 auto; 
    width: 100%; 
} 

#div1 { 
    background: green; 
    min-width: 200px; 
} 

#div2 { 
    background: red; 
} 

基本的には親の全幅を取るしようとしますが、＃1 DIV1「勝利」なぜなら分幅の、そして彼らはあなた以来、親をオーバーフローしませんDIV両方彼らは縮小することができます：flex-shrink: 1（すなわちflex: 0 1 auto;）

私はIE11でテストしてください、私はIE11がありますか？