0

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

当前的实现是基于视口宽度和高度（由 window.innerWidht/Hegiht 确定）在 iOs Chrome、iOs Safari、默认 Android 和 Android Chrome 中居中叠加。

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

 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/

4

1 回答 1

0

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

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

于 2013-10-04T12:00:57.037 回答