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