Question

我正在寻找有关如何使我的弹出窗口取决于屏幕分辨率的解决方案。我使用的是javascript，因为这是一项要求。

调用以下函数时，我的弹出窗口会打开：

function openContent("mypage.htm);

我试图搞清楚并有以下内容：

function openContent(url) {

    var width = 900;
    var height = 900;
    var left = screen.width/4;
    var top = 0;
    var win;

    alert("Screen Height: " + screen.height);
    alert("Screen Width: " + screen.width);

    if (screen.width < 900) {
        width = screen.width - 100;
        left = screen.width - width ;
    }


    if (screen.height <= 900) {
        height = screen.height - 70;
        width = width - 100;
    }


    win = window.open(url, 'content', "toolbar=no, titlebar=no, status=no, scrollbars=yes, resizable=no, top=" + top + ", left=" + left + ", width=" + width + ", height=" + height + "\"");
    win.focus();
}

我的工作地点有两个桌面。尝试使用不同的分辨率时，此页面有时会分为两个桌面。

此外，当窗口高度大于屏幕高度时，窗口的某些部分会被隐藏。我也在考虑笔记本电脑用户。他们是否能够看到整个页面

有什么好的解决方案？

谢谢

Answer 1

我相信这个答案会帮助你，即使它最初涵盖了另一个方面：

https://stackoverflow.com/a/16861050/2479028

Answer 2

不需要那么多代码，只需执行以下代码：

alert("Text here");

将显示一个弹出窗口。

如果需要帮助，请告诉我。

如何使弹出窗口分辨率独立

2 个答案: