如何检测窗口大小的扩展或缩小？

Question

我想知道如何检测窗口大小，如果用户扩展或缩小视图端口？

一个总的想法是这一个，但我不知道如何实现它：

$(window).resize(function() { 
    var initialWidth = ...; 
    var initialHeight = ...; 
    var finalWidth = ...; 
    var finalHeight = ...; 
    if ((initialWidth < finalWidth) || (initialHeight < finalHeight)) { 
     return 'expand'; 
    } else { 
     return 'shrink'; 
    } 
}); 

谢谢

Answer 1

，您可以尝试：

var initialWidth; 
var initialHeight; 
$(document).ready(function(){ 
    initialWidth = $(window).width(); 
    initialHeight = $(window).height(); 
}) 

$(window).resize(function() { 

    var finalWidth = $(window).width(); 
    var finalHeight = $(window).height(); 
    var result; 
    if ((initialWidth < finalWidth) || (initialHeight < finalHeight)) { 
     result = 'expand'; 
    } else { 
     result = 'shrink'; 
    } 

    initialWidth = finalWidth; 
    initialHeight = finalHeight; 

    return result; 
});