Question

我正在实现一个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/

Answer 1

这是因为Firefox中的一个错误现已修复。如果您尝试使用每晚构建“27.0a1（2013-10-03）”或以后它将工作。

您可以在此处找到nightly.mozilla.org

firefox窗口innerheight没有更新缩放

1 个答案: