IE10 的 Flexbox：2012 年 3 月草案和当前冻结版本之间的差异

Question

我发现 IE10 和 Chrome/Firefox 的 flexbox 实现存在差异。根据这里的第一个答案：Flexbox layout does not work in Internet Explorer 10 IE10 基于 Flexbox 标准的较旧的工作版本。

在实践中，对我来说，我必须将 IE10 实现与其他更符合冻结标准的浏览器之间的差异视为错误（请原谅我的词汇过于模糊）。

有人知道列表编译这些差异，或者知道如何找出它们吗？理想情况下，我也在寻找已知的解决方案/解决方法。

我面临的具体错误是设置为 100% 的 flex 元素使用其父级宽度的 100%，而不是使用 100% 的可用宽度。但我一开始是在寻找一种优雅的方式来处理这些 flexbox 实现的差异。

非常感谢

Olivvv

编辑：我正在寻找的是了解 IE10 特定的 flexbox 实现，这与 chrome 和 FF 中的 flexbox 不同（最新的 flexbox 草案）。

Answer 1

这些资源有助于找出 IE10 特定于弹性框的语法。 IE10 flexbox 版本基于 2012 年 3 月的草案 (http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/)。

http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx http://zomigi.com/blog/flexbox-syntax-for-ie-10/

我的问题被否决了，我很想知道为什么。当要求使用 IE10 编码 flexbox 时，需要了解 IE10 的特定语法。

Answer 2

如果您使用的是 Modernizr，那么 Modernizr 3 将有一个名为 flexboxtweener 的新功能检测测试，它将检测到这一点，并允许您在出现这种情况时包含正确的行为，但现在您可以自己进行测试，即

Modernizr.addTest('flexboxtweener', testAllProps('flexAlign'));

见https://github.com/Modernizr/Modernizr/issues/812