css - Firefox 与 Chrome 之间奇怪的 CSS 差距

Question

我有一个让我完全困惑的问题。

我目前正在处理客户的网站和 Chrome，导航栏的右侧有 1px 的间隙（当您将鼠标悬停在“联系人”时更明显）但是 firefox 很好。但是在 Firefox 上，如果你去 (http://meskholdings.com/about) 有一个巨大的差距，但在 Chrome 上它不存在。

整天都在努力处理这个问题，我不知道发生了什么！

Answer 1

在处理像素分数时，您将得到不一致的结果。我建议替换锚元素上的填充（0 左右填充），给锚元素 text-align center 和 20% 的宽度。

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