flex布局怎么兼容IE低版本 怎么讓多瀏覽器兼容flexbox容器樣式?
怎么讓多瀏覽器兼容flexbox容器樣式?事實上,要使多個瀏覽器與flexbox容器樣式兼容,您可以使用以下CSS樣式來定義。柔性容器{顯示:-moz-box/*火狐*/顯示:-ms flexbox/
怎么讓多瀏覽器兼容flexbox容器樣式?
事實上,要使多個瀏覽器與flexbox容器樣式兼容,您可以使用以下CSS樣式來定義。柔性容器{顯示:-moz-box/*火狐*/顯示:-ms flexbox/*IE10*/顯示:-webkit框/*野生動物園*/顯示:-webkit flex/*Chrome,網(wǎng)絡(luò)工具包*/顯示:boxdisplay:柔性連接顯示:flexwidth:100% 高度:100cm底色:gray}
因為flex布局兼容性不是很好,國內(nèi)大部分網(wǎng)站都不得不考慮使用低版本瀏覽器,畢竟還是有很多人在使用老版本的操作系統(tǒng)。
然而,flex布局更多地用于移動終端的開發(fā)。手機上的瀏覽器大多是更高版本,可以支持瀏覽器的許多新功能。與以往的浮動、定位等布局方式相比,flex布局方式可以很容易地解決垂直居中等布局問題。