2016-04-21 182 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