flex布局不兼容ie怎么設(shè)置？以下瀏覽器支持flex布局ie10、edge、Firefox 2、chrome 4、Safari 3.1以下瀏覽器支持標(biāo)準(zhǔn)flex布局（無(wú)需添加私有屬性前綴）edge、

flex布局不兼容ie怎么設(shè)置？

以下瀏覽器支持flex布局

ie10、edge、Firefox 2、chrome 4、Safari 3.1

以下瀏覽器支持標(biāo)準(zhǔn)flex布局（無(wú)需添加私有屬性前綴）

edge、Firefox 28、chrome 29、Safari 9

數(shù)據(jù)來(lái)自caniuse

事實(shí)上，要使多個(gè)瀏覽器與flexbox容器樣式兼容，可以使用以下CSS樣式來(lái)定義。柔性容器{顯示：-moz-box/*火狐*/顯示：-ms flexbox/*IE10*/顯示：-webkit框/*野生動(dòng)物園*/顯示：-webkit flex/*Chrome，網(wǎng)絡(luò)工具包*/顯示：boxdisplay：柔性連接顯示：flexwidth:100% 高度：100cm底色：gray}

在windows10下設(shè)置IE瀏覽器的兼容模式，可以解決一些網(wǎng)站的問題無(wú)法正常顯示。方法如下：

點(diǎn)擊ie11瀏覽器右上角的“工具”圖標(biāo)，在彈出菜單中可以看到“兼容性視圖設(shè)置”。如圖所示：

單擊“兼容性視圖設(shè)置”打開“兼容性視圖設(shè)置”窗口。如圖所示：

您可以看到當(dāng)前網(wǎng)站的域名已經(jīng)顯示在“添加此網(wǎng)站”輸入框中，然后點(diǎn)擊“添加”按鈕，網(wǎng)站將被添加到兼容性視圖列表中。同時(shí)，勾選底部的“使用微軟兼容性列表”，因?yàn)槲④涍€設(shè)置了一個(gè)兼容性列表，會(huì)添加用戶反映存在兼容性問題的網(wǎng)站，這些網(wǎng)站不需要手動(dòng)添加（注意這里不會(huì)顯示微軟的兼容性列表）。

最后，單擊“關(guān)閉”按鈕關(guān)閉窗口。您會(huì)發(fā)現(xiàn)當(dāng)前網(wǎng)頁(yè)會(huì)自動(dòng)刷新，然后會(huì)正常顯示。