2016-04-21 48 views
0

由于我想使用柔性盒,我需要一个回退功能,并且我希望尽可能简化回退功能。flex fallback使用IE11仿真器进行测试

我只是用2次display性的判定如下所述:http://maddesigns.de/flexbox-fallbacks-2670.html

.the-flextable { 
    display: table; /* Fallback IE<9 */ 
    display: flex; 
    width: 100%; 
} 

为了测试它,我只有一个IE11和使用仿真设置回IE9。 有了这个测试场景,这个简单的回退不起作用。 仿真的IE9仍然需要display: flex属性,但随后不显示任何内容。

在真实的IE9中,备用功能确实有效!

现在我想知道为什么需要display: flex。是因为它仍然是一个IE11,会采取该属性,但IE9模拟不能rendet呢?

+0

虚拟机? –

+1

事实上,使用官方的[虚拟机](https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/)。兼容性模式的行为与IE的相应模拟版本不完全相同。 –

回答

0

选择文档模式:IE9应该足够了。即使DOM Explorer将IE显示为尝试显示:flex,它也不会正确渲染,并且后备规则应该生效。

+0

我能够在真实的IE9上测试它,并且后​​备工作。使用文档模式:IE9不会。我会稍微改写一下我的问题。 – nbar