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

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

以下瀏覽器支持flex layout

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

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

edge、Firefox 28、chrome 29、Safari 9

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

因?yàn)閒lex layout兼容性不是很好，國(guó)內(nèi)大部分網(wǎng)站都不得不考慮使用低版本瀏覽器，畢竟還是有很多人在使用老版本的操作系統(tǒng)。

然而，flex布局更多地用于移動(dòng)終端的開(kāi)發(fā)。手機(jī)上的瀏覽器大多是更高版本，可以支持瀏覽器的許多新功能。與以往的浮動(dòng)、定位等布局方式相比，flex布局方式可以很容易地解決垂直居中等布局問(wèn)題。

為何現(xiàn)在前端很少有網(wǎng)站使用FLEX布局？

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