将 repeat() 与 auto-fit & minmax 结合使用：是否有 1fr 的最大宽度？
Using repeat() with auto-fit & minmax: is there a max-width for 1fr?
我正在使用声明 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 它的工作方式与预期的一样，但是我想要 1fr 的最大宽度 - 有没有办法将 1fr 产生的宽度限制为 450px？
我知道有 min()、max() 和 clamp()，但对它们的支持似乎还不是那么好。
不幸的是，min()、max() 和 clamp() 不允许在 repeat() 函数中使用（现在），唯一的选择是设置 max-width 给直接子级，使用像 .Grid > * 这样的全局选择器。但请注意，您必须处理单元格的对齐方式。
我正在使用声明 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 它的工作方式与预期的一样，但是我想要 1fr 的最大宽度 - 有没有办法将 1fr 产生的宽度限制为 450px？
我知道有 min()、max() 和 clamp()，但对它们的支持似乎还不是那么好。
不幸的是，min()、max() 和 clamp() 不允许在 repeat() 函数中使用（现在），唯一的选择是设置 max-width 给直接子级，使用像 .Grid > * 这样的全局选择器。但请注意，您必须处理单元格的对齐方式。