如何使用max函数调整CSS网格行高度?

如何使用max函数调整CSS网格行高度?,css,css-grid,Css,Css Grid,我有一个CSS网格,有1列10行。单元格包含长度不同的文本。我希望所有行的最小高度为100vh,并在必要时超过该大小,即如果内容溢出 因此,我尝试像这样使用max函数,但我猜它无法处理“auto”值: 网格模板行:重复(最多10行(自动,100vh)) 当我用min content或类似的表达式替换auto时,也会发生同样的情况 有没有办法使上述逻辑的语法正确 非常感谢 使用网格自动行:最小最大值(100vh,1fr) 正文{ 保证金:0; } .集装箱{ 显示:网格; 网格自动行:最小最大值

我有一个CSS网格,有1列10行。单元格包含长度不同的文本。我希望所有行的最小高度为100vh,并在必要时超过该大小,即如果内容溢出

因此,我尝试像这样使用max函数,但我猜它无法处理“auto”值:

网格模板行:重复(最多10行(自动,100vh))

当我用min content或类似的表达式替换auto时,也会发生同样的情况

有没有办法使上述逻辑的语法正确


非常感谢

使用
网格自动行:最小最大值(100vh,1fr)

正文{
保证金:0;
}
.集装箱{
显示:网格;
网格自动行:最小最大值(100vh,1fr);
}
.容器>*{
边框:2倍实心;
}

使用
网格自动行:最小最大值(100vh,1fr)

正文{
保证金:0;
}
.集装箱{
显示:网格;
网格自动行:最小最大值(100vh,1fr);
}
.容器>*{
边框:2倍实心;
}


这正是我想要的-我选择了后一个选项minmax(100vh,max content)!非常感谢。这正是我想要的-我选择了后一个选项minmax(100vh,最大内容)!非常感谢。函数名是
minmax
而不是
max
<代码>网格模板行:重复(10,最小值(100vh,最大值内容))@Yousaf max也存在:函数名是
minmax
而不是
max
<代码>网格模板行:重复(10,最小值(100vh,最大值内容))@Yousaf max也存在: