如何在webview中获取缩放视口的宽度和高度？

Question

我使用$(window).width() and $(window).height()来获取webview的宽度和高度，但这些总是返回相同的值以及整个webview的实际宽度和高度。

我需要的是获取用户当前只能看到的视口的宽度和高度，这样当缩放视口的宽度和高度时应该变小。

我需要这个，以便在用户只能看到的View端口中居中div元素。

Answer 1

我对javascript并不是很好，但我曾经遇到过这个问题。我记得它与目标内部宽度有关。有时您还必须根据操作方式考虑滚动条。

我在此处找到了这个： Why is the window.width smaller than the viewport width set in media queries

类似的问题。

function viewport() {
    var e = window, a = 'inner';
    if (!('innerWidth' in window )) {
        a = 'client';
        e = document.documentElement || document.body;
    }
    return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
}

var vpWidth = viewport().width;