Css 如何使用minmax func限制列的数量

我试图用css网格创建一个响应性强的网格设计。我想要的列大约是400px，可以扩展到500px。当网格单元无法再占据其空间时，我希望它能够进行包装。基本上，在小视口中，我想要一列，而在大视口中，我想要最多两列。有没有一种方法可以在没有媒体查询的情况下做到这一点？我试图避免这种情况，因为我有一个边栏，可以扩展，而不会改变视图宽度

.grid包装器{
显示：网格；
/*下线不起作用*/
网格模板列：重复（minmax（1,2），minmax（400500））；
}

最大宽度栅格自动填充 您可以不重复执行minmax，然后执行minmax

重复是第一个告诉你重复多少次，第二个告诉你重复什么

使用“自动填充”为您提供最小宽度

网格模板列：重复（自动填充，最小值（400px，1fr））

您可以告诉
.grid wrapper
例如
最大宽度：1000px

就像你有办法控制网格一样

我在这里做了一个简短的解释，但是，我没有完全理解您的解释-您的表格是什么样子的。
对不起，我的描述，我将编辑它并包含我的答案。谢谢你的帮助，它把我推向了正确的方向！虽然我不知道如何解释从400px扩展到500px的列，但我有一种方法可以使用width和max width限制列的数量，这正是我真正想要的
css.grid wrapper{display:grid；grid template columns:repeat（自动填充，500px）；max width:1000px；/*防止超过2列*/width:100%；}
auto fill here将让浏览器决定给定宽度中可以存在多少列。考虑到“最大宽度”设置为1000px，2个500px列只能在视图宽度大于或等于1000px时存在。谢谢你，奥马尔！我想你可以把你的答案改成自我回答，然后把它改成正确的；或者，如果给出的答案有用，请将其标记为正确答案（即可能是其他人带着与您类似的问题来到这里的答案）。