Javascript Fullscreen API:浏览器之间全屏大小计算的差异

时间:2014-05-16 14:59:07

标签: javascript firefox fullscreen

我已经实现了一些功能,使用户能够将容器div扩展为fullsize。该div包含一个可以变大的图表,并带有“overflow:auto;”它是可滚动的。由于网站页面的支付,div仅使用页面的一小部分,而全屏模式使用户能够一次查看div中包含的更多图表。

使用http://davidwalsh.name/fullscreen中解释的API工作正常,我只需为Internet Explorer添加更多供应商名称。

我觉得有趣的是,不同的浏览器使用不同的大小和/或位置来实现最大化状态。我认识到这一点是因为我在容器元素中有一个绝对定位的子元素,它位于右上角。

当我在Chrome中将容器div更改为全屏模式时,子元素会显示在屏幕的右上角。如果我在Firefox 29.0.1中做同样的事情,那个子元素几乎不可见,容器div的上边缘似乎位于屏幕上边缘上方约10个像素处,并且与子元素一起。

不可否认,我在Firefox的配置中更改了devPixelsPerPx。但是将其设置为-1并不会改变任何东西。是否有人听说过任何其他可能会影响Firefox在将其切换到全屏模式时计算元素大小的方式?

0 个答案:

没有答案