如何修复铬和火狐之间的字体大小差异

Question

我想解决os x lion上铬和Firefox最新版本之间的字体大小差异。

在Chrome和火狐试试这个页面：http://ccs.btcny.net/redhook/

在每个纸箱顶部的颜色标记减少正常，直到我到达的第4排它认为它的大小，而不是减少。 Chrome显示正常。 Firefox不。

我正在使用ems作为字体大小，并通过设置每个新行来减小字体的大小。

Answer 1

通过使用PHP（或您选择的动态语言）执行一些用户代理嗅探，可以通过运行单独的CSS（取决于浏览器）来区分这种差异。简单地说一行PHP代码，其中指出：

<?php 
if (Firefox (not the actual UA sniffing code here)) { 
    echo "<link rel=\"stylesheet\" href=\"../yourfirefoxstyle.css\">; 
} 

if {WebKit (Chrome or Safari, again, not actual code here)) { 
    echo "<link rel=\"stylesheet\" href=\"../yourwebkitstyle.css\">; 
} 
else { 
    echo "<link rel=\"stylesheet\" href=\"../styleforotherbrowsers.css\">; 
} 
?>