我必须使用固定高度进行某些布局(带有侧边栏中表单的谷歌地图)元素,我注意到Firefox中的600px高度远远大于其他浏览器(Chrome,IE 8)。 Firefox 600 px实际显示为cca 690像素!即使谷歌地图图块也会重新调整,因此它们在FF和Chrome中都显示相同的效果。甚至Web开发人员工具栏/ Misc / Ruler也显示600 px。
PS:请注意,我已经在FF中执行了 Ctrl-0 (或菜单视图>缩放>重置),在Chrome中也是如此。
答案 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会根据自己的规模调整规则进行补充。