【发布时间】：2021-11-02 21:27:11
【问题描述】：
我正在用 CSS 练习网格布局。我研究过这种语法：
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
谁能描述我用来创建响应式网格的这条线。
【问题讨论】：
-
@HR01M8055 嘿，谢谢哥们这篇有用的文章，你又让我开心了，谢谢
【发布时间】：2021-11-02 21:27:11
【问题描述】：
repeat() => 用于网格模板列和网格模板行。它会根据您的屏幕尺寸重复片段。
auto-fit => 它将根据您的屏幕尺寸在您的屏幕上容纳尽可能多的列。
minmax() => 这个函数会选择一个大于等于 min 小于等于 max 的大小范围。这意味着在 300px 和 1fr 之间（fr = 小数单位默认列的大小）。
这行 css 会根据你的屏幕大小创建响应式列，并随着屏幕大小的增加或减少调整列数
【讨论】：
-
能否请您指导更多有关 minmax 的信息，因为我访问过 developers.mozilla.org 文档，但对于绝对初学者来说太复杂了...