Spec-Zone.ru › Web APIs

VisualViewport: событие resize

Базовая Широко поддерживается

Эта функция хорошо отработана и работает на многих устройствах и версиях браузера. Она доступна в браузерах с августа 2021 года.

  • Подробнее
  • Показать полную совместимость
  • Отправить отзыв

Событие resize интерфейса VisualViewport срабатывает при изменении размеров визуального области просмотра. Это позволяет вам позиционировать элементы относительно визуального области просмотра при масштабировании, что обычно привязано к области просмотра макета.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.

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

onresize = (event) => {};

Тип события

Общее Event.

Примеры

Посмотрите на страницу примера использования API Visual Viewport.

Спецификации

Спецификация
Модуль CSSOM View
# eventdef-window-resize

Совместимость с браузерами

Рабочий стол Мобильное устройство
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari в iOS Samsung Internet WebView Android
resize_event 62
61Обработчик события onresize не поддерживается.
79 91 49
48Обработчик события onresize не поддерживается.
13 62
61Обработчик события onresize не поддерживается.
68 46
45Обработчик события onresize не поддерживается.
13 8.0 62
61Обработчик события onresize не поддерживается.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VisualViewport/resize_event

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API