Css IE 10和11在flexbox中错误解释最小宽度

IE 10和IE 11与flex box结合使用时，对设置的最小宽度的解释不正确

在下图中，两个div的flex设置为10%；但第一个最小宽度为200px，在IE 10和11中实际渲染为250px：

小提琴：

HTML:

我在…

上找不到任何关于这方面的信息。您可以将flex basis设置为auto aka content size，并使div的宽度为100%

小提琴：

基本上，两个div都尝试采用父级的全宽度，但是div1因为最小宽度而获胜，并且它们不会溢出父级，因为您允许它们收缩：flex shrink:1，即flex:0 1 auto

请你测试一下IE10，我只有IE11。

相关-

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

#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;
}

#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;
}