css - 比较 Chrome 和 Firefox 的字体大小问题

Question

我建立了一个站点，问题是 chrome 显示 font-size 1px 比 Firefox 大。我尝试了几种匹配字体大小的方法，以 px 为单位指定，以 % 为单位将正文设置为 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 上没有其他字体大小声明，可以在我发布的链接中查看源代码。

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

Answer 1

我建议你使用 CSS reset就像 YUI 的那个。它将使您的页面在所有浏览器中很多更加一致，包括字体呈现。它与 IE 和其他浏览器的区别最大，但它消除了所有形式的不一致。