Html 列何时收缩到其最大值以下？

第一列设置为

minmax（200px，400px）

。我知道它会尽量保持在400px‘当它可以’的时候，当它必须收缩时，它最多可以收缩到200px

当我开始使视口非常小时，它会收缩到400px以下。我的问题是什么决定了它何时收缩到400px以下

.grid容器{
显示：网格；
网格模板列：minmax（200px，400px）1fr 1fr；
}
.grid容器>分区：第n个子项（1）{
背景色：红色；
}
.grid容器>分区：第n个子项（2）{
背景颜色：兰花；
}
.grid容器>分区：第n个子项（3）{
背景颜色：黄绿色；
}

我是第一栏
我是第二栏
我是第三栏

1fr有一个最小宽度，即内容的宽度。如果内容具有固定宽度，则为最小值。如果内容是文本，则最小值为最长单词的宽度（在本例中为单词“列”）。因此，在这里，当两个1fr列都达到其最小宽度且视口的宽度开始低于

---

（400px+列2分钟宽+列3分钟宽）

太棒了，谢谢。通过阅读W3C规范或MDN文档，您知道这一点吗？