我正在使用声明grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));,它的工作原理就像它应该的那样,但我想1fr 有一个最大宽度 - 有没有办法将 1fr 产生的宽度限制为 450px?
我知道有min()、max()和clamp(),但是对这些的支持似乎还不是那么好。
最佳答案
遗憾的是,repeat()
中不允许使用 min()
、max()
和 clamp()
> 函数(现在),唯一的选择是使用 .Grid > *
等全局选择器将 max-width
设置为直接子级。但请注意,您必须处理单元格的对齐问题。
关于css - 使用带有自动调整和最小最大的重复(): is there a max-width for 1fr?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64870594/