css – 比较chrome和Firefox的字体大小问题

我建立了 this menu here，问题是，chrome显示字体大小比Firefox大1px。我尝试了几种方式来匹配font-size，以px指定，在％中将body设置为100％，然后将元素设置为0.875em。没有一个工作。它仍然在chrome中显示1像素。

这是我用于字体大小的代码：

body {
  font-size: 100%;
}
* {
  margin:0;
  padding:0; 
  text-decoration: none; 
  font-family:helvetica,arial,sans-serif;
}
#geral {
  width:1000px; 
  margin:0 auto; 
  position:relative; 
  font-size:0.875em;
}

其中#geral包装整个网站，CSS上没有其他font-size语句，源可以在我发布的链接中查看。

我想知道是否有办法解决这个问题，或者我必须为每个浏览器指定不同的字体大小？

解决方法

我建议你使用像YUI那样的 CSS reset。它将使您的页面在所有浏览器中更加一致，包括字体渲染。它与IE和其他浏览器最大的不同之处在于它摆脱了各种不一致之处。

原文地址：https://www.jb51.cc/css/219908.html