為何現(xiàn)在前端很少有網(wǎng)站使用FLEX布局？由于flex布局兼容性不是很好，國內(nèi)大多數(shù)網(wǎng)站都不得不考慮使用低版本瀏覽器，畢竟還是有很多人在使用老版本的操作系統(tǒng)。然而，flex布局更多地用于移動終端的開發(fā)。

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

由于flex布局兼容性不是很好，國內(nèi)大多數(shù)網(wǎng)站都不得不考慮使用低版本瀏覽器，畢竟還是有很多人在使用老版本的操作系統(tǒng)。

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

怎么讓多瀏覽器兼容flexbox容器樣式？

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

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

以下瀏覽器支持flex布局

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

以下瀏覽器支持標(biāo)準(zhǔn)flex布局（不需要添加私有屬性前綴）

edge、Firefox 28、chrome 29、Safari 9

來自canius的數(shù)據(jù)

怎么設(shè)置瀏覽器兼容模式？

然后在彈出菜單中選擇“兼容性視圖設(shè)置”。

在“添加此網(wǎng)站”下查看要在兼容模式下打開的網(wǎng)站。單擊右側(cè)的“添加”。

您將在“添加到兼容性視圖的站點”下看到站點名稱。當(dāng)然，選中下面的“在兼容性視圖中顯示所有站點”。