fit-content() 函数

fit-content() 基本概念

MDN：developer.mozilla.org/en-US/docs/…

下图说明fit-content()只能在grid中使用

fit-content() 目前是一个grid CSS 函数。目前只能用于grid中，后面也可以直接用于width height min-width min-height max-width max-height中

其行为相当于调整元素max-content值更大或者更小，但是始终大于min-content。

min(max-content, max(min-content, <length-percentage>))

在网格布局中使用

.grid-container {
  display: grid;
  grid-template-columns: fit-content(200px) 1fr;
}

后续支持语法

.container {
  width: fit-content(300px);
}