javascript - firefox 窗口 innerheight 在缩放时不更新

Question

我正在实现一个以 html/css/js 为中心的叠加层，即使用户在页面上放大和缩小时它也保持居中。

在 iOs Chrome、iOs Safari、Default Android 和 Android Chrome 中，当前的实现是基于视口(viewport)宽度和高度(由 window.innerWidht/Hegiht 确定)将叠加层居中。

但是，Firefox 在放大或缩小时不会更改窗口的 innerWidth 和 innerHeight。如何确定 android firefox 中放大/缩小视口(viewport)的大小？

 overlay.css({
    "top" : metrics.documentBodyScrollTop,
    "left" : metrics.documentBodyScrollLeft,
    //the two lines below will never change on firefox mobile. WHY!?
    "max-width" : metrics.windowInnerWidth,
    "max-height" : metrics.windowInnerHeight
});

测试示例在这里:http://jsfiddle.net/agilius/L2EsH/

Answer 1

这是因为 Firefox 中的一个错误，现已修复。如果您尝试使用每晚构建“27.0a1 (2013-10-03)”或更高版本，它将起作用。

你可以在这里找到 nightly.mozilla.org