现在(2018年)用 grid 布局并用于生产阶段是否合适呢

Question

前端时间出去面试，因为我简历上写了平时用flex布局，面试官又问了我为什么不使用grid布局。我当时回答说因为兼容性，然后面试官问我这两个的兼容性有多大区别。说实话我是17年看过他的兼容性，当时几乎没有浏览器兼容。

之后我回去查了一下，发现现在grid的兼容性已经好很多了，几乎跟flex差不多，因此我想请教一下，当我使用flex用于生产阶段的时候，是否可以使用grid呐。貌似现在用grid做布局的并不多见呐。

Answer 1

面向移动端的话，可以考虑引入grid了，毕竟手机更新换代快，浏览器兼容问题没那么严重。你这个问题问的好像 flex与grid只能二选一似的，要结合起来用才能发挥他们各自的优势，比如对于居中（特别是垂直居中）问题、还有元素的一维分布（一条线上如何分布），用flex再合适不过了。如果涉及到二维（多行多列）确定的布局，使用Grid。涉及到响应式的页面元素，使用flex + width百分比宽度简直太好用，因为flex天生的流式布局。二者差别的图文，看看这篇文章《CSS终极之战：Grid vs Flexbox》，总结的挺好