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