一尘不染

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

css

我建立了一个网站,问题是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语句,可以在我发布的链接中查看源代码。

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


阅读 538

收藏
2020-05-16

共1个答案

一尘不染

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

2020-05-16