display：flex屬性在Internet Explorer中無法正確呈現

我正在爲我的應用程序及其固定標題，頁腳和左菜單創建佈局。內容正在滾動而其他內容已修復。我在佈局上沒有問題。當我試圖將display:flex設置爲我的.center-container類時，它在IE-10中無法正確呈現。display：flex屬性在Internet Explorer中無法正確呈現

下面是我的CSS

.center-container { 
    height: 100%; 
    display: flex; 
    width: 100%; 
    margin: 0; 
}

另外，HTML是大，我已經創建JSFiddle Link了點。

來源

2017-02-13 s_k_t

在IE Flexbox的支持是非常錯誤。如果你必須支持IE瀏覽器，你應該[找到一個替代方案。]（http://stackoverflow.com/questions/24371408/flexbox-alternative-for-ie9）雖然應該是在邊緣上。 – pol

我試過了，但仍然有相同的行爲 –

根據MDN，顯示器撓性僅支持在IE 10與-MS廠商前綴：

display: -ms-flex;

Display Flex on MDN

來源

2017-02-13 02:13:17

display：flex屬性在Internet Explorer中無法正確呈現

回答

相關問題