当使用 flex box 时,IE 10和IE 11会错误地解释设置的 min-width
。在下面的图片中,两个 divs
的 flex
都设置为 1 1 0%;
,但第一个 div
的 min-width
设置为 200px
,而在 IE 10 和 11 中实际呈现为 250px
:
示例: 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;
}
我在flexbugs页面上没有找到关于这个的任何信息...