為何現在前端很少有網站使用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每個選擇器里的內容寫成一行?