Safari 浏览器中的“height: intrinsic”是什么？
What is `height: intrinsic` in the Safari browser?
我在保持图片大小方面遇到了一些困难。据我所知，为了获得更好的 SEO 分数，我们需要在 img 标签中指定宽度和高度。但我想让它响应并跟随它的父级，所以我将高度和宽度都声明为 100%。
<img src="example.jpg" width="100%" height="100%" />
对于Chrome，它工作正常。图像保持其比例并且没有拉伸。但在 Safari 中，图像会被拉伸。因此，当我尝试在 Safari 中调整高度时，我发现这个 属性 intrinsic 的高度以某种方式解决了我的问题。但我不知道它是什么，我从来没有听说过它。那么什么是intrinsic呢？
根据CanIUse,
Older webkit browsers also support the unofficial intrinsic value which acts the same as max-content.
换句话说，这与最近的Chrome中的height: max-content相同。
现在我这里没有 Safari，所以我不知道你是否也可以在那里使用 max-content，所以最好也保留 intrinsic，作为后备。
顺便说一句，自 HTML5 以来，以百分比表示的大小属性已被弃用。所以你应该做的是让这个有效只是在属性中放一些数字，然后用 CSS.
改变它们应该是什么（100%，最大内容）
我在保持图片大小方面遇到了一些困难。据我所知，为了获得更好的 SEO 分数，我们需要在 img 标签中指定宽度和高度。但我想让它响应并跟随它的父级，所以我将高度和宽度都声明为 100%。
<img src="example.jpg" width="100%" height="100%" />
对于Chrome，它工作正常。图像保持其比例并且没有拉伸。但在 Safari 中，图像会被拉伸。因此，当我尝试在 Safari 中调整高度时，我发现这个 属性 intrinsic 的高度以某种方式解决了我的问题。但我不知道它是什么，我从来没有听说过它。那么什么是intrinsic呢？
根据CanIUse,
Older webkit browsers also support the unofficial
intrinsicvalue which acts the same asmax-content.
换句话说，这与最近的Chrome中的height: max-content相同。
现在我这里没有 Safari，所以我不知道你是否也可以在那里使用 max-content，所以最好也保留 intrinsic，作为后备。
顺便说一句，自 HTML5 以来，以百分比表示的大小属性已被弃用。所以你应该做的是让这个有效只是在属性中放一些数字，然后用 CSS.
改变它们应该是什么（100%，最大内容）