前端時間出去面試，因為我簡歷上寫了平時用flex布局，面試官又問了我為什么不使用grid布局。我當(dāng)時回答說因為兼容性，然后面試官問我這兩個的兼容性有多大區(qū)別。說實話我是17年看過他的兼容性，當(dāng)時幾乎沒有瀏覽器兼容。之后我回去查了一下，發(fā)現(xiàn)現(xiàn)在grid的兼容性已經(jīng)好很多了，幾乎跟flex差不多，因此我想請教一下，當(dāng)我使用flex用于生產(chǎn)階段的時候，是否可以使用grid吶。貌似現(xiàn)在用grid做布局的并不多見吶。
1 回答
元芳怎么了
TA貢獻(xiàn)1798條經(jīng)驗 獲得超7個贊
面向移動端的話，可以考慮引入grid了，畢竟手機(jī)更新?lián)Q代快，瀏覽器兼容問題沒那么嚴(yán)重。
你這個問題問的好像 flex與grid只能二選一似的，要結(jié)合起來用才能發(fā)揮他們各自的優(yōu)勢，比如
對于居中（特別是垂直居中）問題、還有元素的一維分布（一條線上如何分布），用flex再合適不過了。
如果涉及到二維（多行多列）確定的布局，使用Grid。
涉及到響應(yīng)式的頁面元素，使用flex + width百分比寬度簡直太好用，因為flex天生的流式布局。
二者差別的圖文，看看這篇文章《CSS終極之戰(zhàn)：Grid vs Flexbox》，總結(jié)的挺好
添加回答
舉報
0/150
提交
取消