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

Posted 2023-03-06

【中文标题】如何修复chrome和firefox之间的字体大小差异

【英文标题】：How to fix font sizing difference between chrome and firefox

【发布时间】：2012-09-23 15:55:01

【问题描述】：

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

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

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

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

【问题讨论】：

我尝试在每个后续行的 .term-tag 上强制使用文本大小，但浏览器会忽略该样式。

【参考方案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\">;

?>