以下代码在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浏览器在文本顶部和顶部边框之间留了3个像素(底部相同),而FF在顶部留了2个像素,在底部留了3个像素。有任何想法吗?
最佳答案
使用严格的doctype,然后进行CSS重置:
* {
margin: 0;
padding: 0;
}