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

Question

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

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

我需要这个来将一个 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;