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

Question

我建立了一个网站，问题是Chrome的显示font-size 1px尺寸大于Firefox。我尝试了几种匹配字体大小的方法，以px为单位指定字体，以％设置正文为100％，然后将元素设置为0.875em。这些都不起作用。静止图像显示的铬要大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语句，可以在我发布的链接中查看源html" target="_blank">代码。

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

Answer 1

我建议您使用一种CSS重置，如YUI的重置。它会让你的网页很多更加一致在所有浏览器，包括字体渲染。它与IE和其他浏览器的区别最大，但它消除了所有形式的不一致。