问题 内在的工作如何?


我从来没有听说过这个 intrinsic 在我遇到之前的价值 这个 MDN页面。

据我所知 固有 手段 自然。那么这在CSS中如何解决呢?我以为 auto 本来可以 自然。我搜索了一下但是找不到任何东西。

它的作用与众不同 auto

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


8962
2017-08-17 23:32


起源

有趣 developer.mozilla.org/en-US/docs/Web/CSS/max-width 不认为这是一个有效的价值...... - Chris
是的,但是Mozilla有 -moz-max-content - icl7126


答案:


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

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

我还没有使用它,但也许参考将为您提供更多信息。

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

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


5
2017-08-17 23:37



我不确定我能在任何地方看到这一点 intrinsic 是一个有效的值。文档中大量使用该词,但从未作为实际值。 - Chris
@Chris我认为 intrinsic 是实验性的,因此不是正式有效的。 - Marc Audet
@MarcAudet:我的观点是这样的 intrinsic 永远不会列为max-width的有效值,即使在该文档中也没有。在文档中的东西就像 fill-available 和 max-content 是使用“内部大小”的新值,但示例页面中使用的CSS无效,即使根据这一点。我想它可能在较旧的草案中有效...... - Chris
@Chris - 见 w3.org/TR/2002/WD-css3-box-20021024/#the-width 这是2002年的CSS3盒子模型草案。它没有出现在后来的“官方”草稿中,但可能在编辑的草稿中完成。在Latext版本中,它似乎已被min-content,max-content和fit-content取代。 - Alohci


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

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


4
2017-08-17 23:44





内在尺寸确定尺寸 基于元素的内容,   不考虑其背景

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


3
2017-08-17 23:37



该页面仍然表明它实际上并不是一个有效的值,只是有新的值使用内在的大小模型。 - Chris
@Chris它在技术上尚未有效,因为它不是最终标准的一部分,就像HTML5一样 - Alex W
在另一个问题上看到我对Marc的回答。根据该doc,示例中使用的值不是有效值。 - Chris


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


0
2017-09-01 10:09