VisualViewport: resize 事件

Baseline 已广泛支持

此特性已发展成熟，可在多种设备和浏览器版本上使用。自 ⁨2021 年 8 月⁩ 起，它已在所有浏览器中可用。

当视觉视口（visual viewport）调整大小时，VisualViewport 接口的 resize 事件会触发。这允许你在视觉视口缩放时，相对于视觉视口定位元素，而这些元素通常是锚定在布局视口（layout viewport）上的。

语法

在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。

addEventListener("resize", (event) => { })

onresize = (event) => { }

一个通用的 Event。

请参阅 Visual Viewport API 页面以获取使用演示。

规范
CSSOM 视图模块 # eventdef-window-resize

此页面最后修改于 ⁨2025年9月15日⁩，由 MDN 贡献者修改。