使用重复（自动填充）时如何限制列宽

Question

我想创建一个网格，其中项目的长度从200像素扩展到250像素。我的第一个想法是使用repeat(auto-fill, minmax(200px, 250px));，但随后列的大小永远不会缩小到250px以下：

https://codepen.io/hypnos_phi/pen/XONoPL

理想情况下，我希望行为repeat(auto-fill, minmax(200px, 1fr));，但上限为250px。在子级上设置max-width会有所帮助，但是当1fr> 250px时，会增加不希望的大间隙：

https://codepen.io/hypnos_phi/pen/LqbMvN