CSS Grid：如何在命名行时使用 minmax()？

问题描述

我试图了解如何在使用 minmax() 的同时为网格中的行命名

假设我创建了一个包含 12 个 div 的网格，并将它们分成 4 列和 3 行。我希望列和行至少为 200 像素，最大为 400 像素或我在 minmax 中指定的其他尺寸。我也想为我的台词命名。

我试着写这个

I'm of length 16

.naming-lines {
            display:grid;
            grid-template-columns: [inizio-colonna] minmax(200px,400px) [colonna-2] minmax(300px,400px) [colonna-3] minmax(400px,600px) [fine-colonna];
            grid-template-rows: repeat([row-start],minmax(200px,400px) [row-end]);
        }

        
.container {background-color: #fff;
            font-family: 'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;
            font-size: 16px;
            display:grid;
            max-width: 2000px;
            border-color:red;
            border-style: solid;}

.Box {
        background-color: aliceblue; 
        border-style: dashed; 
        border-color: blanchedalmond;
        text-align: center;
        font-size: larger;
}

它不起作用。我不明白 minmax 和命名行是如何协同工作的。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-grid minmax