css - 内在是如何工作的？

Question

在我在 MDN 上看到这个页面 intrinsic之前，我之前从未听说过这个值。

据我所知，内在意味着自然。那么这在 CSS 中是如何实现的。我以为那auto是很自然的。我搜索了一下，但找不到任何东西。

它有什么不同auto呢？

我看到的例子是max-width: intrinsic;

score 9 · Accepted Answer

看起来该intrinsic值是较新的 CSS3 大小调整模块的一部分：

我还没有使用它，但也许该参考资料会为您提供更多信息。

基于快速回顾，这个模块可以更容易地指定内容如何填充父包含块的宽度和高度。

目前，JavaScript 函数通常用于根据可变子元素内容的百分比值来计算容器块的宽度和高度。

score 8 · Accepted Answer

它允许您将元素的宽度设置为足够宽以容纳其子元素。因此，如果一个 div 元素包含一个宽图像和一些文本，则 div 将伸展到足够宽以容纳该图像，并且文本将在该阈值处开始中断。

绝对是实验性的，没有得到广泛支持：http ://caniuse.com/intrinsic-width

score 4 · Accepted Answer

内在大小根据元素的内容确定大小，而不考虑其上下文。

score 2 · Accepted Answer

我发现在 iOS8 中，flexbox 子项可能并不总是尝试包含所有子项，而是将它们的高度最大化到可用视口。 min-height: min-intrinsic解决了这个问题。

4 回答 4