CSS minmax（）：对最大值进行优先级排序

最小最大值： 如果max 我想做一些像

grid-template-columns: 1fr minmax(50%, 70vmin) 1fr;

我不希望列超过

70vmin

。根据规范，在

70vmin

恰好小于

50%

的情况下，它选择

50%

作为列大小，这是我不想要的。有可能以某种方式扭转这种行为吗？

根据定义，这就是

minmax（）

所做的。因此，尝试另一种方法

与此相反：

grid-container {
    grid-template-columns: 1fr minmax(50%, 70vmin) 1fr
}

考虑这一点：

grid-container {
    grid-template-columns: 1fr auto 1fr
}

grid-item {
    max-width: 70vmin;
    min-width: 50%;
}

---

您要查找的是

宽度

/

最大宽度

的组合，如下所示：

width:50%;
max-width:70vmin;

• 如果

  70vmin>50%

  ，则我们将至少拥有

  50%

  （我们的最小边界），并且我们不会超过

  70vmin

• 如果

  70vmin<50%

  ，则宽度等于70vmin（最大值 抑制最小值的边界（1）

您可以使用一个简单的div和

margin:auto

来实现这一点。不需要网格：

.grid项{
最大宽度：70vmin；
宽度：50%；
高度：50px；
保证金：自动；
背景：红色；
};
如果我没有错
最小宽度
比
最大宽度
更强大，因此如果70vmin小于50%，50%也适用于此：