我之前从未听说过此intrinsic
值,直到我在MDN上遇到 this 页面。
据我所知内在表示自然。那么这如何在CSS中发挥作用。我认为auto
本来就是自然。我搜索了一下但找不到任何东西。
它与auto
有什么不同?
我看到的例子是max-width: intrinsic;
答案 0 :(得分:5)
看起来intrinsic
值是较新的CSS3大小调整模块的一部分:
http://dev.w3.org/csswg/css-sizing/
我还没有使用它,但参考可能会为您提供更多信息。
根据快速回顾,此模块可以更轻松地指定内容如何填充包含父级块的宽度和高度。
目前,JavaScript函数通常用于根据变量子元素内容的%值计算容器块的宽度和高度。
答案 1 :(得分:5)
它允许您将元素的宽度设置为足够宽以容纳其子元素。因此,如果div元素包含宽图像和一些文本,div将足够宽以容纳图像,并且文本将在该阈值处开始打破。
绝对是实验性的,并没有得到广泛支持:http://caniuse.com/intrinsic-width
答案 2 :(得分:4)
内在大小根据元素的内容确定大小, 不考虑其背景。
答案 3 :(得分:0)
我发现在iOS8中,flexbox儿童可能并不总是试图包含他们所有的孩子,而是将他们的身高增加到可用的视口。
min-height: min-intrinsic
解决了这个问题。