我习惯这样做:
.box {
width: 50%;
min-width: 200px;
max-width: 500px;
}
我想对CSS网格做类似的事情...这是一些伪代码来演示:
.container {
display: grid;
grid-template-columns: minMax(200px, 500px, 1fr) 2fr;
}
所以想法是,第一列的最小宽度为200px,最大宽度为500px,否则占用可用空间的1fr。 (尽管上面的方法当然行不通。)
这可能吗?