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

}

应该有效

在（IE和Chrome）中使用双显示器时查找显示器的分辨率

1 个答案: