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);
}