我发现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不同。答案 0 :(得分:3)
这些资源有助于找出flexbox的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的特定语法与知道相关。
答案 1 :(得分:1)
如果您正在使用Modernizr,那么Modernizr 3将会有一个名为flexboxtweener的新功能检测测试,它会检测到这一点,并允许您在出现这种情况时包含正确的行为,但截至目前您可以执行测试自己,这是
Modernizr.addTest('flexboxtweener', testAllProps('flexAlign'));