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

How to open my page to with a specific size browser window?

本文关键字：窗口 我的 浏览器 何使用      更新时间：2023-09-26

这是一个面向儿童的单页滚动网站。内容最好以1200像素宽观看。有没有一种方法可以在访问网站时将窗口默认为该大小？

没有，但您可以有一个带有按钮的登录页，该按钮可以使用window.open打开您想要的页面，并且您可以告诉window.open您希望它打开的窗口有多大。

这里有详细信息，但基本上（内部click处理程序或类似程序）：

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

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

当然，如果你能让页面在任何宽度下都能很好地工作，那就更好了。我们中的一些人对那些试图告诉我们浏览器窗口应该有多宽的网站感到非常恼火

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

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

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

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

这两种方法都忽略了试图在用户身上强制设置大小的任何问题。比如：

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

一般来说，你应该瞄准可以跨多种尺寸工作的东西，但要有一个更合理的最小尺寸。1024x768通常是一个很好的分辨率。这在移动浏览器中会很常见，但我想你并不担心这些。

相关文章：