CSS Grid 网格布局 - auto-fit 关键字 和 auto-fill 关键字的区别

CSS Grid 网格布局 - auto-fit 关键字 和 auto-fill 关键字 的区别

auto-fit 和 auto-fill 都是模式填充，在网格容器宽度大于网格项的最小宽度总和时就会有区别。

实例解析：

css.css :

.wrap{
   
   
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
	grid-template-rows: 60px