【发布时间】：2021-11-24 22:39:41
【问题描述】：
以下将创建适合容器的 200 像素列。
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
但是，我无法理解 1fr 部分。这意味着 1 个分数。但是，auto-fill 的情况如何？
【问题讨论】：
【发布时间】：2021-11-24 22:39:41
【问题描述】：
这些列是使用 repeat() 函数定义的，最小宽度为 200 像素，最大设置为 1fr，以便在可用时它们可以扩展并平均共享任何额外空间。至于每行的列数，我们将使用自动放置关键字，以便让浏览器处理网格的响应性，并在需要时将列包装到新行中。
浏览器将使用 auto-fill 关键字放置和调整第一个示例中的列。 - 来自这个网站https://css-tricks.com/
【讨论】：