在Safari/Mac中定位1px，但在Safari/Windows上工作

Question

我在我的头上撞墙，在Mac上的Safari上，徽标图像（“这是所有关于收入”）向上移动了一个像素，但在所有其他浏览器/操作系统组合中我能够正确测试。有没有人有任何想法，为什么这可能是？这里的网站：http://blog.eloqua.com/

在此先感谢您的帮助！

Answer 1

的<div class="parentLogo">元素的height属性被计算不同的两种浏览器之间：

您需要手动设置其属性height：

.custom .parentLogo { 
    height: 40px; 
    ... 
} 

这应该可以解决这个问题。

Answer 2

我已经遇到了这个1px的bug多次，特别是当使用CSS重置。这实际上是一个行高问题。

设置基本的line-height对于所有浏览器：

body { 
    line-height: 1em; 
}