flex布局怎么兼容IE低版本 flex布局不兼容ie怎么設(shè)置?
flex布局不兼容ie怎么設(shè)置?以下瀏覽器支持flex布局ie10,edge,F(xiàn)irefox 2,chrome 4,Safari 3.1以下瀏覽器支持標(biāo)準(zhǔn)flex布局(無(wú)需添加私有屬性前綴)edge,
flex布局不兼容ie怎么設(shè)置?
以下瀏覽器支持flex布局
ie10,edge,F(xiàn)irefox 2,chrome 4,Safari 3.1
以下瀏覽器支持標(biāo)準(zhǔn)flex布局(無(wú)需添加私有屬性前綴)
edge,F(xiàn)irefox 28,chrome 29,Safari 9
數(shù)據(jù)來(lái)自caniuse
步驟:1,打開(kāi)IE瀏覽器,輸入任意頁(yè)面,2,點(diǎn)擊“工具”選項(xiàng),彈出下拉菜單,選擇“兼容性視圖設(shè)置”選項(xiàng)。三。進(jìn)入兼容性視圖設(shè)置后,填寫(xiě)需要設(shè)置兼容性模式的網(wǎng)址,單擊添加,最后單擊關(guān)閉。4重新打開(kāi)“設(shè)置”網(wǎng)頁(yè),地址欄后面會(huì)出現(xiàn)一個(gè)類似碎紙的圖標(biāo),表示兼容模式設(shè)置成功。您還可以在工具的下拉菜單中看到,也可以在兼容模式前進(jìn)行檢查,這表示該網(wǎng)頁(yè)的兼容模式設(shè)置成功。
怎樣把ie9的瀏覽器模式永遠(yuǎn)改成兼容?
事實(shí)上,要使多個(gè)瀏覽器與flexbox容器樣式兼容,可以使用以下CSS樣式來(lái)定義。柔性容器{顯示:-moz-box/*火狐*/顯示:-ms flexbox/*IE10*/顯示:-webkit框/*野生動(dòng)物園*/顯示:-webkit flex/*Chrome,網(wǎng)絡(luò)工具包*/顯示:boxdisplay:柔性連接顯示:flexwidth:100% 高度:100cm底色:灰色}