Css 不同的字体大小-Chrome与Firefox

我正在做一个项目，我注意到了一些奇怪的事情。chrome中的字体与firefox中的不同。您可以在下图中更好地看到：

正如你所看到的，在帮助和空白之间，chrome和firefox分别是33px和57px。有人知道这件事吗

---

PS：字体大小：14px；字体系列：Arial，Verdana，无衬线；我使用css重置

用

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

---

我假设您使用的是Firefox版本4或更低。如果你是，那么我相信你的问题是在Firefox版本4及以下的渲染引擎中，它刚刚在Firefox 5中得到纠正

基本上，Firefox4及以下版本对CSS单元的度量与所有其他浏览器不同，我不得不放弃字体，因为在过去这种不一致的行为

在下面的一致CSS单元下查看

---

我希望这对您有所帮助

我看不出字体大小有什么不同。只有填充。你的字体大小是一样的！我强烈建议您编辑OP标题，以便更准确地描述填充/边距/位置不一致的实际问题。如果没有看到他的代码，我将犹豫是否推荐任何内容，更不用说对填充和边距进行全面重置了。这可能是完全无效或完全过度。我使用了css重置，所以你写的东西已经完成了。一个像素仍然是一个像素。你在说什么？他的字体看起来一样。。。一切都只是向左移动，包括他的一些非文本元素。@Sparky672从物理上讲，像素就是像素，但像素大小可以根据生成内容的引擎而变化，任何优秀的设计师都应该知道这一点。我提到的字体方面只是一个例子，而不是全部。看看Mozilla参考资料，它很小但很清晰。我尝试使用em、px、pt，但没有任何好的结果。也许这将有助于更好地了解我的问题@Ryan：正如任何优秀的设计师所知道的，像素没有任何物理尺寸，直到我们开始讨论在给定屏幕分辨率下在显示器上渲染的像素数量。在给定的显示器上，Firefox中的一个像素与任何其他浏览器中的一个像素大小完全相同。。。句号。@Sparky672我的朋友，你被误会了。如果一个像素有一个物理维度或者它不存在，那就像说空气没有物理或可测量的值，这是不正确的。像素尺寸的比率最初由显示像素的硬件设置，像素本身的大小由像素的生成定义。请阅读Mozilla提供的信息，如前所述。