方法一

使用window对象的resize事件。

window.addEventListener('resize', function() {
  // 处理窗口大小变化的逻辑代码
});

方法二

使用原生的JavaScript代码实现。

var timeout;
window.onresize = function() {
    clearTimeout(timeout);
    timeout = setTimeout(function() {
        // 处理窗口大小变化的逻辑代码
    }, 100);
};

方法三

使用浏览器兼容性较好的监听器window.matchMedia()，适用于监测窗口大小是否符合指定媒体查询的变化。

var mediaQueryList = window.matchMedia('(min-width: 768px)');
mediaQueryList.addListener(function() {
    if (mediaQueryList.matches) {
        // 处理窗口变宽的逻辑代码
    } else {
        // 处理窗口变窄的逻辑代码
    }
});