CSS 规范级别 3 中的"ideal size"是什么？

Question

我最近一直在阅读相当多的CSS教育内容，有时阅读CSS规范。我遇到了"理想尺寸"的概念。有几次。我不确定这是一个严格的专业名称还是一个更宽松的名称。

• CSS Level 3 Spec
• CSS技巧文章(flex相关)
• FreeCodeCamp文章由Kevin Powell(网格相关)

我认为"理想尺寸";是类似于"元素最希望达到的大小，如果没有任何限制的话"之类的东西。但我不确定。

这个词有正式的定义吗?或者有人能给它一个大概的定义吗?

Answer 1

基本等同于max-content

div {
width: max-content;
outline: 1px solid red;
margin: 10px;
}

<div>some text</div>
<div>more text here</div>

给定无限可用空间时，盒子在给定轴上的"理想"尺寸。通常这是盒子在这个轴上可以容纳的最小尺寸，同时仍然适合它的内容，即最小化未填充空间，同时避免溢出.

所以我们试着让"无溢出"不浪费空间";但在某些情况下可能会更复杂。