如何檢測窗口大小的擴展或縮小？

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; 
});