jquery - jquery height() 在 Chrome 和 Firefox 中返回不同的值——在 api.jquery.com 演示中——为什么？

Question

如果我去

http://api.jquery.com/height/#example-0

然后单击“获取段落高度”，我在 Chrome v25 中得到“36px”，在 Firefox v19 中得到“34px”。

我提交了一个错误（http://bugs.jquery.com/ticket/13538），分诊护士建议它可能与默认样式表有关。（并指出我SO。）

其他人看到这种行为吗？这是一个错误吗？如果不是，你能解释为什么会这样吗？

Answer 1

Internet Explorer 10 显示37px。

这与字体的呈现方式有关。每个浏览器呈现文本的方式都略有不同，例如字距调整、像素对齐、基线位置等。

我们最喜欢的 Jeff Atwood 有几篇关于这个主题的博客文章，详细解释了字体渲染。