css - Firefox と Chrome の奇妙な CSS ギャップの違い

Question

私は完全に困惑している問題を抱えています。

私は現在、クライアントのサイトと Chrome で作業しています。ナビゲーション バーの右端に 1 ピクセルの隙間があります (「連絡先」にカーソルを合わせるとより目立ちます) が、Firefox は問題ありません。しかし、Firefox では (http://meskholdings.com/about) に行くと大きなギャップがありますが、Chrome ではそこにはありません。

一日中これに対処しようとしてきましたが、何が起こっているのかわかりません!

Answer 1

ピクセルの分数を処理する場合、一貫性のない結果が得られます。アンカー要素のパディング（左右のパディングが0）を置き換えて、アンカー要素のテキストを中央に揃え、幅を20％にすることをお勧めします。

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