不同的字体大小 - 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

回答