Question

我正在尝试解决os x lion上chrome和firefox最新版本之间的字体大小差异。

在Chrome和Firefox中尝试此页面：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\">;
}
?>

如何修复chrome和firefox之间的字体大小差异

1 个答案: