如何在 jquery-3 中获取视口大小？

Question

$(window).height() 用于返回浏览器视口窗口的高度，$(window).width() 用于返回浏览器窗口宽度。

$(window).height() 现在只返回与$(document).height() 相同的值，即整个页面的高度。

现在在 jquery 中获取视口大小的正确方法是什么？

Answer 1

获取视口的宽度和高度：

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

页面大小调整事件：

$(window).resize(function() {

    var viewportWidth = $(window).width();
    var viewportHeight = $(window).height();

});