css - 使用带有自动调整和最小最大的重复(): is there a max-width for 1fr?

标签 css grid minmax

我正在使用声明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/

相关文章:

php - 将 MySQL 数据读入 Bootstrap 4 列

ios - 核心剧情: grid lines background color

css - 为什么 translate3d 动画暂停以简化计时器功能?

css - 如何在 angularjs 和 bootstrap 中使用下拉网格进行选择

wpf - 如何隐藏网格边框

c++ - 有没有办法轻松处理返回 std::pairs 的函数?

javascript - 计算数组的平均值/最小值/最大值

c - 所有输入的最小值——C

css - 如何删除 `clip-path` 的不可见部分?

css - 背景位置距底部的偏移量 : opposite behaviour in Chrome and Firefox