如何在网络视图中获得缩放视口的宽度和高度

Question

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

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

我需要这一点，以便将div元素集中在用户只能看到的View端口中。

Answer 1

我不是很擅长javascript，但我曾经遇到过这个问题。我记得这与瞄准内侧宽度有关。有时你还必须考虑滚动条，这取决于你怎么做

我在这里发现了这一点：为什么窗口宽度小于媒体查询中设置的视口宽度

类似的问题。

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;