TL;DR: CSS网格有没有类似于table-layout: fixed的东西？
我试图创建一个年视图日历，月份使用4x3的大网格，日期使用7x6的网格嵌套.
日历应该填满页面，因此年份网格容器的宽度和高度各为100%.
.year-grid {
width: 100%;
height: 100%;
display: grid;
grid-template: repeat(3, 1fr) / repeat(4, 1fr);
}
.month-grid {
display: grid;
grid-template: repeat(6, 1fr) / repeat(7, 1fr);
}
下面是一个有效的示例:https://codepen.io/loilo/full/ryXLpO/
为了简单起见，那里的笔里每个月都有31天，从周一开始.
我还 Select 了小得离谱的字体来演示这个问题:
网格项(=日单元格)非常简洁，因为页面上有数百个.一旦日期标签变得太大(可以使用左上角的按钮随意调整笔中的字体大小)，网格的大小就会增加，超过页面的正文大小.
有没有办法防止这种行为？
我最初宣布我的年度网格的宽度和高度都是100%，所以这可能是我的出发点，但我找不到任何与网格相关的CSS属性能够满足这一需求.
Disclaimer:我知道有一些非常简单的方法可以不使用CSS网格布局来设置日历样式.然而，这个问题更多的是关于这个主题的常识，而不是解决具体的例子.