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

前端之家收集整理的这篇文章主要介绍了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和其他浏览器最大的不同之处在于它摆脱了各种不一致之处。

猜你在找的CSS相关文章