2014-04-24 132 views
1

我必须使用固定高度的某些布局(谷歌地图与边栏中的表单)元素,我注意到Firefox的600px高度比其他浏览器(Chrome,IE 8)大得多。 Firefox 600 px实际上显示为cca 690 px!即使谷歌地图瓷砖也进行了重新调整,所以它们在FF和Chrome中都显示相同。甚至Web开发人员工具栏/ Misc/Ruler也会显示600 px。Firefox有不同的像素大小?

  1. 这怎么可能?哪个设置正在做这个?我认为这个像素是非常清晰的单位,它是一个真正的像素是可靠的。
  2. 我可以将它重置为Firefox的正常高度,以便它在所有浏览器中看起来都一样吗?我遇到了这个问题,因为在Firefox中,一切都可以适应这些“600”(= 690)像素,但不适用于其他浏览器。我希望尺寸与实际适合的表格字段相似。
  3. 是否可以这样做?或者,不是因为它也将打破其用户已经习惯了一切(字体大小)的大小,它可以打破与其他网站等浏览器设置和用户期望

PS:请注意,我已经做了Ctrl-0(或菜单视图>缩放>重置)在FF和类似的Chrome。

+0

Chrome和Firefox之间的像素数唯一的区别在于它们是如何计算边框的,所以我想你需要:1.重置两个浏览器上的缩放比例,以确保两者都处于100 %2.检查你是否有任何具体的moz css可能会影响你的网页。另外,请确保您拥有所有需要的CSS供应商前缀。并非所有浏览器都已经实现了所有的css更改。 –

+0

@CatalinDeaconescu nope,它不是由边框引起的(边框只有1px,还要注意图片 - 谷歌贴图瓷砖 - 在FF中被重新缩放)。所有浏览器中的缩放都已重置。 – TMS

+0

你可以发布CSS的元素,搞乱了设计?你是否检查过你有供应商前缀版本的css规则以及可能影响设计的前缀? –

回答

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 s将我的很多内容,我猜如果您没有指定em有多大,Firefox将根据自己的尺寸规则进行设置。

+0

nope,这不是问题,因为EVERYTING,包括图像,谷歌地图等在Firefox中显示更大。 – TMS

+1

奇怪。是的,这也是我受到影响的一切,但更小而不是更大。 – Meg

+0

同样的事情发生在我身上,但在Firefox上,一切都变小了 –

相关问题