使用css-grid,将一列设置为具有最小宽度,最大宽度和介于两者之间的流体宽度吗?

时间:2018-12-13 17:48:04

标签: css css3 css-grid

我习惯这样做:

.box {
  width: 50%;
  min-width: 200px;
  max-width: 500px;
}

我想对CSS网格做类似的事情...这是一些伪代码来演示:

.container {
    display: grid;
    grid-template-columns: minMax(200px, 500px, 1fr) 2fr;
}

所以想法是,第一列的最小宽度为200px,最大宽度为500px,否则占用可用空间的1fr。 (尽管上面的方法当然行不通。)

这可能吗?

0 个答案:

没有答案