Question

我一直试图弄清楚以下问题的时间太长了，我似乎无法控制我做错了什么......

对于我的在线投资组合，我有一个启动“输入”图像，应该打开一个新窗口，其宽度固定为1013px，高度为632px。我为窗口选择了这个大小，因为这是我的背景图像的大小，我不打算使实际页面可滚动。我的所有内容都应该适合固定窗口。

但是，我注意到浏览器之间存在差异。在我自己的计算机上，Macbook Pro，使用最新版本的Safari，我继续在我的背景下获得大约80+像素的白色空间。在我女朋友的电脑上（也是Macbook Pro），也会出现这个问题。但是，当我在我的iMac桌面上测试网站时，安装了Safari，Chrome和Firefox，窗口打开的尺寸正确，没有额外的空白区域。最后，虽然我还没有看到它正常运行，但我被告知在基于Windows的计算机上打开网站时，底部和背面右侧会添加空白区域。

启动页面的链接是：http://www.jamesbarracca.com

你能告诉我为什么我遇到这个问题吗？谢谢！

Answer 1

我建议更改JavaScript以更严格地控制弹出窗口的大小。可能发生的情况是，在各种不同的浏览器中，在不同的机器上，弹出窗口的默认大小是不同的。

以this article为例说明一下。

Exerpt：

<script type="text/javascript">
    function openpopup(address, width, height) {
        window.open(
            address, 
            "",
            "fullscreen=no,toolbar=no,status=no," + 
            "menubar=no,scrollbars=no,resizable=no," +
            "width=" + width + ",height=" + height
        );
    }
</script>

然后您可以使用以下内容调用此新函数：

<a href="javascript: openpopup('http://www.google.com', '1013', '632')">
  <img src="/my/image/path.png" />
</a>

正如您所看到的 - 该功能允许您指定弹出窗口的宽度和高度等内容，关闭其滚动条/调整大小的功能，等等。希望它有所帮助！

弹出窗口打开大于预期尺寸

1 个答案: