我正在使用声明grid-template-columns:repeat(auto-fit,minmax(300px,1fr));它的工作原理和预期的一样,但我想有一个最大宽度为1fr-有没有一种方法来限制由1fr产生的宽度,比方说,450px?
我知道有min()、max()和clamp(),但对它们的支持似乎还没有那么好。
不幸的是,在repeat()
函数(当前)中不允许使用min()
、max()
和clamp()
,唯一的选择是使用诸如.grid>*
这样的全局选择器将max-width
设置为直接子级。但请注意,您将必须处理单元格的对齐。