使用 IE11 模拟器进行弹性后备测试

Question

因为我想使用 flex-box，我需要一个后备，我喜欢让后备尽可能简单。

我只使用 2 个displayproperies，如下所述：http://maddesigns.de/flexbox-fallbacks-2670.html

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

为了测试它，我只有一个 IE11 并使用 Emulation 将其设置回 IE9。 对于这个测试场景，这个简单的回退不起作用。 模拟的 IE9 仍然采用 display: flex 属性，但随后不显示任何内容。

在真正的 IE9 中，回退确实有效！

现在我想知道为什么它需要display: flex。是不是因为它仍然是一个 IE11 会占用该属性，但 IE9 仿真无法渲染它？

Answer 1

选择文档模式：IE9 应该足够了。即使 DOM Explorer 将 IE 显示为尝试显示：flex，它也不会正确呈现，并且回退规则应该生效。