grid宽度自适应中auto-fit和auto-fill的区别

      除了显式的指定列大小以外，CSS Grid 还有个很是强大的功能 —— 模式填充（repeat-to-fill）列而后对内容进行自动布局。也就是说，开发者只须要指定列数，自适应方面的事情（视口尺寸小则显示列数少，反之则多）交给浏览器来处理就好了，也不须要用媒体查询。好比咱们能够用grid-template-columns:repeat(6,1fr)来指定该容器中包含6列，每列宽度轨道平

>>阅读原文<<