jquery - 如何在jquery中检测屏幕分辨率是否发生变化？

Question

如何才能使每次用户更改屏幕分辨率大小(而不是浏览器窗口)时，页面都会执行一项功能？

Answer 1

好的，所以您正在使用 jQuery。因此，让我们为其创建一个自定义事件。

(function () {
    var width = screen.width,
        height = screen.height;
    setInterval(function () {
        if (screen.width !== width || screen.height !== height) {
            width = screen.width;
            height = screen.height;
            $(window).trigger('resolutionchange');
        }
    }, 50);
}());

现在 $(window).bind('resolutionchange', fn) 应该执行您想要的操作。