如果将1fr与minmax（）一起使用，如何防止网格图像变得太大

Question

此CSS几乎可以完成所需的工作：

• 始终将容器填充100％，因此看不到任何利润。
• 调整图像大小以填充容器，而无需媒体查询或计算。

但是某些屏幕尺寸会生成比所需的更大的图像

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 6px;
}

1fr在图像太大时表现出色。 如果我使用minmax（200px，300px），那么大多数情况下，边距会变得太大。

是否有办法获得1fr的好处，但是也有最大宽度？ 因此调整图像的大小SMALLER是可以的，但是增加图像的大小是不可以的。