IE10支持flex-grow吗？

Question

据我理解，Caniuse网站显示-flex-grow在IE浏览器中需要使用-ms-前缀才能部分支持 http://caniuse.com/#search=flex-grow

然而，在测试中，我发现在IE10中使用-ms-flex-grow没有任何效果，我错过了什么吗？

- user81993

---

没事了，我发现 -ms-flex:1 相当于 flex-grow:1。 - user81993

是的，但这还不是全部…… -ms-flex: 1; 是几个属性的缩写形式：-ms-flex: 1 1 auto;（flex-grow | flex-shrink | flex-basis）。 - Reggie Pinkham

Answer 1

flex-grow 的 IE10 等效属性为 -ms-flex-positive

例如，

-ms-flex-positive: 1;

- Reggie Pinkham

---

@Brett - 我不确定该如何回答...这就是事实。我建议你可能遇到了你的实现问题，或者你正在遇到IE flex bug。Philip Walton在IE flex bugs和workarounds方面做得非常出色。 - Reggie Pinkham

Answer 2

[2017年11月更新]

flex-grow 只支持Internet Explorer 11及以上，不需要-ms-前缀。 https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow

要找出适用于IE 10的方法，请使用Autoprefixer

1 - 将过滤器设置为“ie 10”

2 - 输入CSS，例如：

.example {
  flex-grow: 3;
}

3 - Autoprefixer结果：

.example {
  -ms-flex-positive: 3;
  flex-grow: 3;
}

现在你知道在IE 10中要使用什么前缀了

- zenoh

---

这怎么是正确答案？那个语法只是意味着flex-grow:1和basis:auto！ - sgrumo

@sgrumo在2017年更新了答案以反映我的知识。 - zenoh