如何实现最小200px、最大300px的自适应Grid列？

我需要设置Grid列的最小宽度为200px，最大宽度为300px。尝试使用grid-template-columns: repeat(auto-fit, minmax(200px, 300px));时，列始终固定为300px，无法在空间不足时收缩到200px；改用grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));虽能实现列收缩，但列宽会超出300px的预期上限。查阅minmax()相关文档后未找到适用案例，求可行的解决方法。

• 修改列定义代码为：grid-template-columns: repeat(auto-fit, minmax(200px, auto));
• 给网格项添加max-width: 300px;和box-sizing: border-box;样式

如果不添加box-sizing: border-box;，单列状态下网格无法居中显示。

内容的提问来源于stack exchange，提问作者RichardU