在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/云計算  HTML5  HTML/ 現(xiàn)在(2018年)用 grid 布局并用于生產(chǎn)階段是否合適呢

現(xiàn)在(2018年)用 grid 布局并用于生產(chǎn)階段是否合適呢

前言

前端時間出去面試，因為我簡歷上寫了平時用flex布局，面試官又問了我為什么不使用grid布局。我當時回答說因為兼容性，然后面試官問我這兩個的兼容性有多大區(qū)別。說實話我是17年看過他的兼容性，當時幾乎沒有瀏覽器兼容。

之后我回去查了一下，發(fā)現(xiàn)現(xiàn)在grid的兼容性已經(jīng)好很多了，幾乎跟flex差不多，因此我想請教一下，當我使用flex用于生產(chǎn)階段的時候，是否可以使用grid吶。貌似現(xiàn)在用grid做布局的并不多見吶。

回答
編輯回答
痞性

面向移動端的話，可以考慮引入grid了，畢竟手機更新?lián)Q代快，瀏覽器兼容問題沒那么嚴重。
你這個問題問的好像 flex與grid只能二選一似的，要結(jié)合起來用才能發(fā)揮他們各自的優(yōu)勢，比如

  1. 對于居中（特別是垂直居中）問題、還有元素的一維分布（一條線上如何分布），用flex再合適不過了。
  2. 如果涉及到二維（多行多列）確定的布局，使用Grid。
  3. 涉及到響應式的頁面元素，使用flex + width百分比寬度簡直太好用，因為flex天生的流式布局。

二者差別的圖文，看看這篇文章《CSS終極之戰(zhàn)：Grid vs Flexbox》，總結(jié)的挺好

2017年2月20日 13:46