如何修復鉻和火狐之間的字體大小差異

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\">; 
} 
?>