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

Question

我已经尝试解决以下问题太久了，但我似乎无法理解我做错了什么......

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

但是，我注意到浏览器之间存在差异。在我自己的 Macbook Pro 电脑上，使用最新版本的 Safari，我的背景下不断出现约 80+ 像素的空白区域。在我女朋友的电脑上(也是Macbook Pro)也出现这个问题。但是，当我在 iMac 桌面上测试该网站时(恰好安装了 Safari、Chrome 和 Firefox)，窗口会打开到正确的尺寸，没有多余的空白。最后，虽然我没能亲自看到它的功能，但我被告知，当在基于 Windows 的计算机上打开网站时，我的背景底部和右侧会添加空白。

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

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

Answer 1

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

看看this article举个例子。

摘录:

<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>

如您所见，该函数允许您指定弹出窗口的宽度和高度等内容，关闭其滚动条/调整大小等功能。希望对您有帮助!