网格列响应宽度但不多不少
Grid column responsive width but no more and no less than
我想要一个 css 带有卡片的网格，它们具有响应能力并且可以像这些图片中那样增长和收缩：
因此，出于这个原因，我使用了 minmax css 函数：
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
但是，如果列表中没有更多的卡片可以放在一行中，则现有卡片会增长到父级的限制：
如何给 minmax 函数一个上限？
将repeat(auto-fit, minmax(300px, 1fr))替换为repeat(auto-fill, minmax(300px, 1fr))
我想要一个 css 带有卡片的网格，它们具有响应能力并且可以像这些图片中那样增长和收缩：
因此，出于这个原因，我使用了 minmax css 函数：
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
但是，如果列表中没有更多的卡片可以放在一行中，则现有卡片会增长到父级的限制：
如何给 minmax 函数一个上限？
将repeat(auto-fit, minmax(300px, 1fr))替换为repeat(auto-fill, minmax(300px, 1fr))