Window 屏幕尺寸发生变化

Question

如果 window 和屏幕尺寸发生变化，是否有我可以收听的 JavaScript 事件？我知道明显的 resize 事件，但有趣的是我的 window 和屏幕尺寸在没有触发此事件的情况下发生变化。

我的设置很特别 -- 我有两台外接显示器，一台处于正常缩放级别，另一台处于 200% 缩放级别。似乎在加载网页的过程中，window/screen 尺寸（例如 window.innerWidth、window.innerHeight、screen.width 等）正在发生变化。

注意，我使用的浏览器是IE11

Answer 1

您可以尝试使用 setInterval

在循环中监听尺寸变化

像这样：

"use strict";

let width = screen.width;
let height = screen.height;

function checkDimension(callback) {
    if (width !== screen.width || height !== screen.height) {
        console.log('Dimension was changed!');
    }
}

setInterval(checkDimension, 1000);

Window 屏幕尺寸发生变化

Window and screen dimensions changing

javascript

browser

screen

zooming

screen-resolution