如何使用特定大小的浏览器窗口打开我的页面？

Question

这是一个针对孩子的单页滚动网站。最好以1200像素宽查看内容。有没有办法在访问网站时让窗口默认为该大小？

Answer 1

不，但您可以在其上设置一个按钮，使用window.open打开所需的页面，然后您可以告诉window.open您希望打开的窗口有多大。< / p>

Details here，但基本上（内部一个click处理程序或类似程序）：

window.open("http://example.com", "width=1200");

这是浏览器的建议，如果喜欢它可以忽略，但该范围内的值可能没问题。 （而浏览器往往不允许使用非常小的窗口。）您还可以指定高度，是否具有各种窗口功能等。

当然，如果您可以使页面在任何宽度上都能正常工作，那就更好了。我们中的一些人对试图告诉我们浏览器窗口应该有多宽的网站感到非常恼火。 ： - ）

Answer 2

您可以使用link/button点击window.open打开一个特定尺寸的新窗口，如：

<a href="some url"
   onclick="window.open(this.href,'targetWindow',
                                   'width=700px,
                                    height=700px');
 return false;">Popup link</a>

Answer 3

有两种方法可以做到这一点：

1. 使用div，iframe或其他元素来包含页面上的所有内容并指定其大小。这不会改变浏览器窗口的实际大小。
2. 打开一个新窗口（弹出窗口）并指定其大小。请注意，如果不是用户点击某些内容的一部分，它可能会被浏览器的弹出窗口拦截器阻止。更多信息可以在here
找到

这两个都忽略了尝试强制用户大小的任何问题。比如：

• 如果他们的屏幕不够大会怎么样？
• 这会让我的用户感到烦恼吗？
• 如果我的用户调整窗口大小怎么办？
• 所有浏览器是否支持我之后调整大小？
• 尝试调整大小会导致水平滚动条吗？

一般来说，您应该瞄准可以跨多种尺寸工作但具有更合理的最小尺寸的东西。 1024x768通常是一个很好的解决方案。这将与移动浏览器有很大关系，但我认为你并不担心这些。