html - 默认“行高”的效果在所有浏览器中都一样吗？

Question

代码：

<div style="font-size:12px">abc</div>

在我的 chrome 浏览器上，这个 div 的高度是 14px，也就是说这个 div 的 line-height 的实际值是 14px。在其他浏览器上呢？W3C 标准是否解决了这个问题？

标签： htmlcss

Answer 1

line-heightfor元素默认为div用户代理值normal。根据 MDN，解释normal是依赖于用户代理的。

https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#values
normal取决于用户代理。桌面浏览器（包括 Firefox）使用大约 1.2 的默认值，具体取决于元素的字体系列。