Estaba usando una función activada por el cambio de resize para ajustar dinámicamente el diseño de mi página, que uso para asegurarme de que mi página se vea bien cuando los usuarios expanden/reducen sus barras de direcciones en dispositivos móviles. Pero ahora descubrí que a veces el cambio de resize también se activa cuando el usuario acerca o aleja con dos dedos o toca dos veces, en cuyo caso no quiero que se active la función relacionada con el evento de cambio de resize .
¿Hay alguna manera de detectar si el evento de cambio de resize se activa al hacer zoom?
En primer lugar, puede deshabilitar la funcionalidad de pellizco de zoom en dispositivos móviles con la metaetiqueta de escala como esta:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />Pero, si aún desea que sus usuarios puedan pellizcar el zoom, puede observar el valor "devicePixelRatio" para ver los cambios. Este valor en realidad se refiere a la escala del dispositivo:
window.devicePixelRatioAquí hay un enlace a la documentación de Mozilla sobre esto.