ユーザーがページをズームインおよびズームアウトしても中央に表示される html/css/js 中央オーバーレイを実装しています。
現在の実装では、ios Chrome、iOs Safari、デフォルト Android、および Android Chrome で、window.innerWidht/Hegiht によって決定されるビューポートの幅と高さに基づいてオーバーレイを中央に配置しています。
ただし、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/