Как реализовать именение позиции и размера элемента при зуме (как jivoChat)?

Question

[idany2w]

Есть готовый пример: jivochat. Кнопка всегда зафиксирована в правом нижнем углу. На неадаптивных сайтах при зуме(с телефона) кнопка смещается так, что бы оставаться в правом нижнем углу с учётом зума и соответственно изменяет свой размер. Как это реализовать?
Мб есть какие-то библиотеки с обработчиками события типа onzoom/onTouchZoom? Как высчитать смешение, определить координаты видимой области страницы при зуме? Как узнать "глубину" зума? Памагити очень сложна.

Answer 1

[Александр]

Зум = devicePixelRatio (MDN). Событие = ResizeObserver(MDN) и просматривать body. CSS Media Query еще есть.

UPD: Еще есть VisualViewport (MDN), но является экспериментальной функцией.