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

Question

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

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

每个盒子顶部的彩色标签适当地减少，直到我到达第 4 行，它保持它的大小而不是减小。Chrome 显示正常。火狐没有。

我正在使用 ems 字体大小并随着框变小而减小字体大小……通过设置每个新行。

Answer 1

通过根据浏览器运行单独的 CSS，通过使用 PHP（或您选择的动态语言）进行一些用户代理嗅探，可能会修复差异。简单地写一行 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\">;
}
?>