我可以根据是否有任何东西以网格区域为目标来设置css网格行高度吗？

是否可以根据网格区域是否正在使用来设置css网格行高度

.container{
高度：100vh；
网格模板区域：
“移动头移动头移动头”
“导航应用程序”
“页脚”；
}
.导航{
网格区域：导航
}

导航设备

根据上面的网格模板和html，我可以在导航区域看到导航内容，但移动导航区域的高度自然是屏幕高度的1/3。因为没有具有网格区域的div：mobile head，所以我希望高度为0px

但是如果我把.nav改成

。。。
.导航{
网格区域：移动头
}

我希望这一行的高度是固定的，比如说200px

我可以接近。通过执行以下操作，当移动区域中没有任何内容时，我可以使行的高度为0：

。。。
网格模板行：最小最大值（0px，自动）1fr 1fr

但是高度是由内容而不是网格决定的

---

我敢肯定，要实现我想做的事情，唯一的选择就是使用2个网格和媒体查询。（我想把导航放在左边的桌面上，如果是移动的，则放在上面）

我认为

网格自动行：min content

是您想要的

切换隐藏行
导航设备
.集装箱{
框阴影：嵌入0 1px浅灰色；
背景色：#FAFB；
显示：网格；
高度：100vh；
网格自动行：最小内容；
网格模板区域：
“移动头移动头移动头”
“导航应用程序”
“页脚”；
}
.导航{
网格区域：导航；
背景颜色：浅蓝色；
}
.nav.mobile{
网格区域：移动头；
}
document.querySelector（'.toggle'）。onclick=function（）{
document.querySelector（'.nav'）.classList.toggle（'mobile'）；
};

网格区域声明中没有定义

移动导航

区域。你的意思是移动头吗？