Firefox與Chrome之間的奇怪的CSS差距差距

Question

我有一個問題，我已經完全被困惑了。

我目前正在客戶端的網站和Chrome上工作，導航欄的右側有一個1px的間隙（當您懸停「聯繫人」時，更顯着），但Firefox很好。但在Firefox上，如果你進入（http://meskholdings.com/about），存在巨大的差距，但在Chrome上它不存在。

一直試圖處理這一整天，我不知道發生了什麼事情！

Answer 1

當涉及像素分數的處理時，您將得到不一致的結果。我建議替換錨元素上的填充（0左右填充），給錨元素文本對齊中心和寬度20％。

nav li a { 
    width:20%; 
    padding:10px 0; 
    text-align:center; 
}