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 das visuelle Viewport geändert wird. Dies ermöglicht es Ihnen, Elemente relativ zum visuellen Viewport zu positionieren, wenn hineingezoomt wird, was normalerweise an das Layout-Viewport verankert wäre.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener()
oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("resize", (event) => {});
onresize = (event) => {};
Ereignistyp
Ein generisches Event
.
Beispiele
Sehen Sie sich die Beispiel-Demo auf der Visual Viewport API-Übersichtsseite an.
Spezifikationen
Specification |
---|
CSSOM View Module # eventdef-window-resize |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
resize event |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- Has more compatibility info.