Firefox有不同的像素大小?

时间:2014-04-24 08:29:06

标签: html css firefox

我必须使用固定高度进行某些布局(带有侧边栏中表单的谷歌地图)元素,我注意到Firefox中的600px高度远远大于其他浏览器(Chrome,IE 8)。 Firefox 600 px实际显示为cca 690像素!即使谷歌地图图块也会重新调整,因此它们在FF和Chrome中都显示相同的效果。甚至Web开发人员工具栏/ Misc / Ruler也显示600 px。

  1. 怎么可能?哪个设置正在这样做?我认为像素是非常清晰的单位,成为真正的像素是可靠的。
  2. 我可以将Firefox重置为正常高度,以便在所有浏览器中看起来都一样吗?我有这个问题,因为在Firefox中,一切都可以适应那些" 600" (= 690)像素,但在其他浏览器中没有。我希望大小与实际适合的表单字段相似。
  3. 这样做是否可取?或者不是因为它也会打破用户已经习惯的其他一切(字体大小)的大小,它可能会破坏浏览器设置和用户对其他网站的期望等。
  4. PS:请注意,我已经在FF中执行了 Ctrl-0 (或菜单视图>缩放>重置),在Chrome中也是如此。

1 个答案:

答案 0 :(得分:0)

我遇到了类似的问题,其中Firefox(OSX)上的每个元素都比任何其他浏览器(OSX或PC)小。我意识到问题来自我在CSS中给出的字体大小。 我能够通过更改:

来解决问题(至少在我自己的网站上)
html{
    font: 1em/1.5 Helvetica, Arial, sans-serif;
}

html{
    font: 16px/1.5 Helvetica, Arial, sans-serif;
}

我正在使用em来扩展我的很多内容,我想如果你没有指定em有多大,那么Firefox会根据自己的规模调整规则进行补充。