字体大小的问题比较铬和火狐

问题描述：

我建立了一个网站，问题是，铬显示font-size 1px大于Firefox。我尝试了几种方法来匹配字体大小，在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没有其他的字体大小声明，源可以被看作在我发布的链接中。

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

答

我建议你使用一个CSS reset像YUI的一个。它会让你的网页多在所有浏览器，包括字体渲染更加一致。它与IE和其他浏览器最大的区别，但它。摆脱不一致的所有方式的

这是必不可少的。每个人都应该一直使用它。 – 2011-02-04 15:48:47

+15

它会改变你的生活，男人。就像找到FireBug，学习jQuery或者第一次吃玉米片一样。 – 2011-02-04 15:51:15

答

em是可扩展的，而px不是。将字体设置为定义的px大小，你应该没问题。 em可能在某些情况下是可取的，但如果你担心1px，那么你应该设置严格的像素大小。

编辑：只是重读，我看到你已经尝试设置高度像素已经。没有线索，因为我没有安装Chrome来测试。 :(

答

在这里工作罚款：

铬9.0： enter image description here

火狐4.0测试版10： enter image description here

答

我也有这个问题，我决定，在可能的情况下去与font-size：small（或者x-small等）。这给你一个基本的可缩放字体大小的范围，而不必寻找不合适的css或混乱的JS。它适用于IE，FF和Chrome。

答

，如果你有网页打印，然后

新增CSS

<link rel="stylesheet" type="text/css" href="report.css" media="print" />

在CSS文件

body { 
    padding: 3px; 
    margin: 0.5px; 
    background-position: center; 
    color: #000000; 
    background: #ffffff; 
    font-family: Arial; 
    font-size: 13pt; 
}

这对我的作品

答

FWIW在这个日期，我自己刚刚才了解到，良好的CSS编码实践是仅为HTML或BOD定义绝对字体大小Y元素，并且相对地定义所有其他字体大小，也就是说，根据这个大小（即，使用em或%）。

如果你这样做，你只需要从其他人（Gecko，IE等）挑出单独的webkit浏览器（Chrome，Safari）。因此，举例来说，你可能已经在你的样式表中定义，

body { 
    font-size: 16px; 
}

然后在样式表的底部，您可以包括这个

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    Body { 
    font-size: 20px;  
    } 
}

（参见Chrome conditional comments）

该作品为了我。但是其中一个副作用是重新调整相对大小的任何非文本元素，这可能会也可能不会是理想的。

答

<script> 

    if(navigator.userAgent.indexOf("Chrome") != -1) 
    { 
     var fontsize = "<style>body{font-size: 125%;}</style>"; 
    } 
    else if(navigator.userAgent.indexOf("Opera") != -1) 
    { 
     var fontsize = "<style>body{font-size: 100%;}</style>"; 
    } 
    else if(navigator.userAgent.indexOf("Firefox") != -1) 
    { 
     var fontsize = "<style>body{font-size: 100%;}</style>"; 
    } 
    else if((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true)) //IF IE > 10 
    { 
     var fontsize = "<style>body {font-size: 100%;}</style>"; 
    } 
    else 
    { 
     var fontsize = "<style>body {font-size: 100%;}</style>"; 
    } 
    </script> 

<script>document.writeln(fontsize);</script>

字体大小的问题比较铬和火狐

相关推荐