為何現在前端很少有網站使用FLEX布局?

最近開始接觸CSS3的FLEX布局,感覺很好用,然而偶然發現現在市面有規模的網站(網易、小米、鬥魚、淘寶等等)卻很少使用FLEX布局(大知乎倒是有用FLEX)。請問這是什麼原因造成的?是由於對低版本IE的兼容性,還是其他原因?


大部分原因是因為在國內還要考慮低版本瀏覽器。移動端上使用的較多。

最後軟廣:Flexbox_入門 精通 教程_w3cplus

另外推薦一個布局新屬性:Grid_入門 精通 教程_w3cplus


移動端不是已經大規模使用了么

看看淘寶首頁


我們在移動端已經大範圍使用了,兼容到 安卓4 ios7


ie10之上,ie10語法還不太一樣。翻了翻caniuse感覺沒太大問題


因為你看的主要都是pc站,而且小米,鬥魚,淘寶,相對來說用戶會偏低端一些,公司不得不考慮ie等的兼容性。

如果你多看一些移動端的前端的話,就會發現flex布局已經佔據主流了。


就我自己工作中遇到的簡單說下~

兼容性問題比較難處理,主要是uc瀏覽器,還有華為手機(為什麼是華為我不清楚,也不清楚是哪一款或者說全部,是當時用同事手機發現的問題),當然還有老大難的IE

我記得微信小程序就是flex布局,也不用考慮兼容性,非常好用

最後。。。flex確實很好用。解決了很多麻煩事~


兼容性(很無奈)


想用,但是上面不允許,有什麼辦法


拋開兼容性來談,現在flex和其他屬性比如position一起用時偶爾會出現一些詭異的渲染情況,不敢用在複雜布局裡面。

還有就是flex本身的實現,當時用flex寫縱向wrap發現子元素wrap後不會擴展父元素……不知算不算bug,後來還是寫回老的樣式。

(都是用的chrome


大網站用flex布局不太好控制。而小網站用這個的話。很方便。像一些企業站。版面內容就哪么多。完全Ok沒問題。


PC端兼容性的問題,移動端配合autoprefixer可以讓你玩得飛起了


兼容性。


因為大家很少寫新的framework啊. 多數情況:

1. 是直接套用Bootstrap, Foundation等現成的framework.

2. Maintain 已經有的framework.

至於兼容性, 那是原始開發人員考慮的, 後來的做的蝦兵蟹將打打補丁就好了.


主要還是因為兼容性吧,我們做hybrid app開發,因為客戶群體的因素,需要向下兼容到安卓4.0 但是4.3以下對flex就不能很好的支持,所以沒法用到這個很好用的屬性.

pc上多半還是因為IE吧


我很好奇的是你的問題中卻飽含未經調查的潛在觀點。我明確告訴你,很多網站都在用flex。

問問題不是這麼問的。不要拿著你的觀點問問題,你是在宣傳你的觀點還是在問問題。


推薦閱讀:

position:fixed 默認是相對瀏覽器窗口定位的,怎麼實現相對父級元素定位呀?父級設置position:relative不管用.
單行網頁文字如何在移動端實現兩端對齊?
垂直居中里的height:font-size ≈ 1:0.893是怎麼來的?
為什麼看到有的前端工程師將css每個選擇器里的內容寫成一行?

TAG:前端開發 | 網站開發 | CSS布局 |