我没找到官方的定义em单位，但我在规范中发现了这一点：
我还发现了很多其他来源（如下所列）。这让我想到，设置根元素的字体大小是什么意思（即<html>) to em units?尽管我的很多消息来源都建议使用em，我找不到任何专门指出根元素用法的内容。
html {
font-size: 1em;
}
<html>
<body>
<h1>html { font-size: 1em; }</h1>
<p>Hello World!</p>
</body>
</html>
html {
font-size: 1.5em;
}
<html>
<body>
<h1>html { font-size: 1.5em; }</h1>
<p>Hello World!</p>
</body>
</html>
html {
font-size: 0.5em;
}
<html>
<body>
<h1>html { font-size: 0.5em; }</h1>
<p>Hello World!</p>
</body>
</html>
在上面的三个例子中，我see我的眼睛有差异，但是解释我所看到的东西的正确方法是什么？换句话说，什么是html { font-size: <x>em; } mean?
Sources
- https://ux.stackexchange.com/questions/7820/font-size-for-mobile-sites https://ux.stackexchange.com/questions/7820/font-size-for-mobile-sites
- https://w3c.github.io/csswg-drafts/css-values-4/#em https://w3c.github.io/csswg-drafts/css-values-4/#em
- https://www.w3.org/Style/Examples/007/units.en.html#font-size https://www.w3.org/Style/Examples/007/units.en.html#font-size
- https://developer.mozilla.org/en-US/docs/Web/CSS/font-size https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
From 规格 https://www.w3.org/TR/css-values-4/#font-relative-lengths
当在它们所引用的元素上的 font-size 属性值中使用时，本地字体相对长度将根据父元素的计算度量进行解析，或者根据对应于父元素的计算度量进行解析。初始值字体和行高属性，如果该元素没有父元素.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
