Html 如何为我的CSS网格创建最大自动填充轨迹大小

我有一个具有以下样式的网格

.container{
显示：网格；
网格模板列：重复（自动填充，最小值（300px，1fr））；
}

---

当屏幕太小时，它工作得很好，但当屏幕太大时，它看起来很时髦，因为

自动填充

只是填充轨迹。有没有一种方法可以设置最大自动填充，使单个磁道中只显示一定数量的单元格？

查看

@媒体屏幕和（最大宽度
我不能使用媒体查询，因为我在JS中使用css，然后使用
窗口。匹配媒体（“（最大宽度：
不清楚您想要什么。您是否尝试过使用
自动调整
来代替？很酷，我刚刚将最大宽度设置为1000px，但我将保留此选项，以防有人找到定义最大轨迹大小的方法。