持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第26天，点击查看活动详情
内置函数minmax和自动填充的auto-fill、auto-fit都是常见的CSS网格（CSS Grid）处理办法，今天我们一起来看看～
内置函数minmax
内置函数minmax可用于设置grid-template-rows和grid-template-columns的值
网格容器改变大小时限制网格项的大小，所以需要指定网格项允许的尺寸范围
如同举例：
通过grid-template-columns添加了两列：
第一列宽度为 50px，第二列宽度最小值是 25px，最大值是 100px
grid-template-columns: 50px minmax(25px, 100px);
自动填充：auto-full、auto-fit
auto-fill：根据容器的大小，尽可能放入指定大小的行或列
auto-fit：与auto-fill相似，不同点在于当和大于容器大小之后，将所有网格项拉伸至合适的大小；而不会像auto-fill一样持续在一端放入空行或空列
注意：
- 当容器的大小大于各网格项之和时，
auto-fill会持续地在一端放入空行或空列，这样就会使所有网格项挤到另一边 - 当容器的大小大于各网格项之和时，
auto-fit会将所有网格项拉伸至合适的大小
写在最后
重新开始更文啦！最近忙了一段时间，终于继续可以学习！感谢大家的支持！我会继续努力坚持学习！养成了好习惯，每天必定会抽出时间多多少少学习前端知识～
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答：
