不同的字體大小 - Chrome vs Firefox

我正在開發一個項目，我注意到一些奇怪的東西。 Chrome瀏覽器的字體與Firefox不同。你可以在下面的圖片中看到更好的效果： different font size : chrome vs ff 不同的字體大小 - Chrome vs Firefox

正如你所看到的，在「幫助」和邊距之間，在Chrome中是33px，而在firefox 57px中。有人對此有任何想法嗎？

PS：font-size：14px; font-family：Arial，Verdana，Sans-serif;我使用css重置。

2011-07-06 stefanz

我沒有看到字體大小不同在「一致CSS單位」一看。只有填充。 – BoltClock

你的字體大小是一樣的！我強烈建議您編輯您的OP標題，以更準確地描述不一致的填充/邊距/位置的**實際**問題。 – Sparky

另外，你的代碼在哪裏？ – Sparky

開始你的css文件了與

* { 
     padding:0px; 
     margin:0px; 
}

2011-07-06 17:16:39 Phil

沒有看到他的代碼，我會猶豫建議任何東西，更不用說在填充和保證金上的全面重置。它可能完全無效或完全無法控制。 – Sparky

我使用https://github.com/iamntz/base-project（有CSS重置），所以你寫的東西已經完成了。 – stefanz

我假設你使用Firefox版本4或以下。如果你是那麼我相信你的問題是在火狐版本4和以下的渲染引擎，它只是剛剛在Firefox 5中得到糾正。

基本上Firefox 4及以下版本有一個不同的CSS單位測量瀏覽器，因爲過去這種不一致的行爲，我不得不放棄字體。

我希望這有助於你

2011-07-06 17:24:42 Ryan

像素仍然是一個像素。你在說什麼？他的字體看起來是一樣的......一切都只是向左移動，包括他的一些非文本元素。 – Sparky

@ Sparky672在物理上，一個像素是一個像素，但像素大小可以根據生成內容的引擎而有所不同，正如任何優秀設計師都應該注意的那樣。我提到的字體方面是一個例子，而不是所有的和最終的。看看Mozilla的參考資料，它很小但很清晰。 – Ryan

我試圖用em，px，pt但沒有任何好的結果。也許這將有助於看到更好的我的問題http://imageshack.us/photo/my-images/594/unled203.png/ – stefanz

回答