Window:resizeTo() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

Window.resizeTo() 方法可以动态地调整窗口大小。

语法

js
resizeTo(width, height)

参数

width

一个整数,表示新的 outerWidth(以像素为单位,包括滚动条、标题栏等)。

height

一个整数值,表示新的 outerHeight(以像素为单位,包括滚动条、标题栏等)。

返回值

无(undefined)。

示例

此函数会将窗口调整为占据可用屏幕的四分之一。请参阅 Screen.availWidthScreen.availHeight 属性。

js
function quarter() {
  window.resizeTo(window.screen.availWidth / 2, window.screen.availHeight / 2);
}

规范

规范
CSSOM 视图模块
# dom-window-resizeto

浏览器兼容性

注意:无法调整不是由 window.open() 创建的窗口或标签页的大小。在窗口有多个标签页时也无法调整大小。

注意:此函数可能无法同步调整窗口大小。在某些环境(例如移动设备)下,它可能根本无法调整窗口大小。您可以监听 resize 事件来查看窗口是否/何时被调整了大小。

另见