El problema principal es que si el usuario hace clic fuera del cuadro de zoom, el zoom se bloqueará y no podrá acercar o alejar.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
La ventana gráfica es el área visible del usuario de una página web. Varía según el dispositivo y será más pequeña en un teléfono móvil que en la pantalla de una computadora.
La parte width=device-width establece el ancho de la ventana gráfica para seguir el ancho del dispositivo (que variará según el dispositivo).
La parte initial-scale=1.0 establece el nivel de zoom inicial cuando el navegador carga la página por primera vez.
La parte de escala máxima = 1.0 establece cuánto se le permite al usuario acercar la página. Un valor de 1.0 significa que no se permite hacer zoom.
La parte user-scalable=no deshabilita cualquier zoom que pueda estar disponible de forma predeterminada en algunos dispositivos (como tocar dos veces para acercar).
Cómo deshabilitar Zoom en una página web móvil
Para deshabilitar el zoom en una página web móvil en HTML, use el siguiente código:
Esto hará que la página se ajuste al ancho del dispositivo en el que se está viendo.
Zoom desactivado
Para alejar el zoom en HTML, use la propiedad de zoom. Por ejemplo:
ampliar: 1;
Desactivar la escala de HTML
El escalado de HTML es una función de HTML que permite a los navegadores web ampliar o reducir el tamaño del texto y las imágenes para hacerlos más legibles en pantallas más pequeñas o más grandes. Esta función se puede desactivar en la mayoría de los navegadores configurando la propiedad de escalado html en "ninguna".
