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布局？

感謝您的邀請(qǐng)。

CSS3向前兼容；

現(xiàn)在主流手機(jī)瀏覽器支持CSS3新屬性樣式

CSS3新屬性：如動(dòng)畫(huà)、過(guò)渡、邊界半徑、動(dòng)畫(huà)、動(dòng)畫(huà)、旋轉(zhuǎn)等。

主要區(qū)別在于CSS3比CSS有更多的樣式設(shè)置；

CSS3可以與HTML5結(jié)合以創(chuàng)建更酷的效果；

較低版本的windows IE8不支持CSS3，但CSS支持它；

因此，在采用CSS3的新功能時(shí)，我們需要考慮目標(biāo)用戶瀏覽器的兼容性非常感謝。

css3和css一樣嗎？

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