javascript - 在(IE 和 Chrome)中使用双显示器时查找显示器的分辨率

Question

在我的 Web 应用程序中，我需要根据显示器分辨率(1024×1024 和 2048×1280)调整网格宽度。

此处用户同时使用多个显示器。每当用户从一台显示器拖动到另一台显示器时，我需要将网格宽度更改为显示器宽度。

我使用的代码是:

$(document).ready(function () {         
    var Width = screen.availWidth;
    window.onresize = SetScreenSize;
});

function SetScreenSize() {        
    $("#tblContent").css("width", Width + "px");
}

这里的问题是当我将浏览器窗口从主监视器拖到辅助监视器时，辅助监视器显示与主监视器相同的 screen.availWidth(分辨率)。

Answer 1

在上面的代码中，您只在加载页面时设置 Width 变量 - 因此宽度仅在页面加载完成的第一个显示器上设置。相反，您应该在每次调整窗口大小时查询它。像这样

$(document).ready(function () {

   window.onresize = SetScreenSize;

});
function SetScreenSize() {

    $("#tblContent").css("width", screen.availWidth + "px");

}

它应该工作