以下代码在 IE 和 Chrome 中以及在大多数 FireFox 安装中的 offsetHeight 产生 15，但我遇到过一些情况(到目前为止 3 台计算机)FF 产生 14。我卸载并重新安装 FF 和仍然得到相同的结果。
<html>
<head>
<style type="text/css">
body {
font-size: 12px;
}
</style>
</head>
<body>
<span id="abc">ABC</span>
<script>
console.log(document.getElementById('abc').offsetHeight);
</script>
</body>
</html>
我比较了文本的实际像素高度，浏览器之间是一样的。如果我在文本周围放置一个边框，它会显示 Chrome 在文本顶部和顶部边框之间留下三个像素(底部也是如此)，而 FF 在顶部留下两个像素，在底部留下三个像素。有什么想法吗？
最佳答案
使用严格的文档类型，并进行 css 重置:
* {
margin: 0;
padding: 0;
}
关于javascript - 为什么 offsetHeight 在 Firefox 中会有所不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11620888/