我建立了一个网站,问题是Chrome的显示font-size 1px尺寸大于Firefox。我尝试了几种匹配字体大小的方法,以px为单位指定字体,以%设置正文为100%,然后将元素设置为0.875em。这些都不起作用。静止图像显示的铬要大1个像素。
font-size 1px
0.875em
这是我用于字体大小的代码:
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语句,可以在我发布的链接中查看源代码。
我想知道是否有一种方法可以解决此问题,或者是否必须为每个浏览器指定不同的字体大小?
我建议您使用一种CSS重置,如YUI的重置。它会让你的网页很多更加一致在所有浏览器,包括字体渲染。它与IE和其他浏览器的区别最大,但它消除了所有形式的不一致。