在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; 
}