flex布局怎么兼容IE低版本 flex布局不兼容ie怎么設置?
flex布局不兼容ie怎么設置?以下瀏覽器支持flex布局ie10、edge、Firefox 2、chrome 4、Safari 3.1以下瀏覽器支持標準flex布局(無需添加私有屬性前綴)edge、
flex布局不兼容ie怎么設置?
以下瀏覽器支持flex布局
ie10、edge、Firefox 2、chrome 4、Safari 3.1
以下瀏覽器支持標準flex布局(無需添加私有屬性前綴)
edge、Firefox 28、chrome 29、Safari 9
數(shù)據來自caniuse
事實上,要使多個瀏覽器與flexbox容器樣式兼容,可以使用以下CSS樣式來定義。柔性容器{顯示:-moz-box/*火狐*/顯示:-ms flexbox/*IE10*/顯示:-webkit框/*野生動物園*/顯示:-webkit flex/*Chrome,網絡工具包*/顯示:boxdisplay:柔性連接顯示:flexwidth:100% 高度:100cm底色:gray}
在windows10下設置IE瀏覽器的兼容模式,可以解決一些網站的問題無法正常顯示。方法如下:
點擊ie11瀏覽器右上角的“工具”圖標,在彈出菜單中可以看到“兼容性視圖設置”。如圖所示:
單擊“兼容性視圖設置”打開“兼容性視圖設置”窗口。如圖所示:
您可以看到當前網站的域名已經顯示在“添加此網站”輸入框中,然后點擊“添加”按鈕,網站將被添加到兼容性視圖列表中。同時,勾選底部的“使用微軟兼容性列表”,因為微軟還設置了一個兼容性列表,會添加用戶反映存在兼容性問題的網站,這些網站不需要手動添加(注意這里不會顯示微軟的兼容性列表)。
最后,單擊“關閉”按鈕關閉窗口。您會發(fā)現(xiàn)當前網頁會自動刷新,然后會正常顯示。