VisualViewport: resize Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.

Das resize-Ereignis der VisualViewport-Schnittstelle wird ausgelöst, wenn der visuelle Viewport in der Größe verändert wird. Dies ermöglicht es Ihnen, Elemente relativ zum visuellen Viewport zu positionieren, während es gezoomt wird, was normalerweise am Layout-Viewport verankert wäre.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.

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

onresize = (event) => { }

Ereignisart

Ein generisches Event.

Beispiele

Siehe die Visual Viewport API Startseite für eine Anwendungsdemo.

Spezifikationen

Specification
CSSOM View Module
# eventdef-window-resize

Browser-Kompatibilität