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

Question

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

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

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

Answer 1

获取视口的宽度和高度：

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

页面的resize事件：

$(window).resize(function() {

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

});