内在的工作如何?

时间:2013-08-17 23:32:58

标签: css

我之前从未听说过此intrinsic值,直到我在MDN上遇到 this 页面。

据我所知内在表示自然。那么这如何在CSS中发挥作用。我认为auto本来就是自然。我搜索了一下但找不到任何东西。

它与auto有什么不同?

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

4 个答案:

答案 0 :(得分:5)

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

http://dev.w3.org/csswg/css-sizing/

我还没有使用它,但参考可能会为您提供更多信息。

根据快速回顾,此模块可以更轻松地指定内容如何填充包含父级块的宽度和高度。

目前,JavaScript函数通常用于根据变量子元素内容的%值计算容器块的宽度和高度。

答案 1 :(得分:5)

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

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

答案 2 :(得分:4)

  

内在大小根据元素的内容确定大小,   不考虑其背景

http://dev.w3.org/csswg/css-sizing/#intrinsic-sizing

答案 3 :(得分:0)

我发现在iOS8中,flexbox儿童可能并不总是试图包含他们所有的孩子,而是将他们的身高增加到可用的视口。 min-height: min-intrinsic解决了这个问题。