防止内容展开网格项
有什么像table-layout: fixed为CSS网格？
我尝试为月份创建一个具有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天的时间，从星期一开始。
我还选择了一个非常小的字体来演示这个问题：
网格项(=天单元格)非常精简，因为页面上有几百个。一旦数字标签变得太大(可以随意使用左上角的按钮来处理笔中的字体大小)，网格就会变得越来越大，超过页面的正文大小。
有没有办法防止这种行为？
我最初宣布我的年度网格是100%的宽度和高度，所以这可能是起点，但我找不到任何网格相关的CSS属性，将符合这一需要。
免责声明：我知道，在不使用CSS网格布局的情况下，可以很容易地对日历进行样式化。然而，这个问题更多的是关于这个问题的一般知识，而不是解决具体的例子。