El problema principal és que si l'usuari fa clic fora del quadre de zoom, el zoom es bloquejarà i no podrà apropar o allunyar.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
La finestra gràfica és l'àrea visible de l'usuari d'una pàgina web. Varia segons el dispositiu i serà més petit en un telèfon mòbil que en una pantalla d'ordinador.
La part width=device-width estableix l'amplada de la finestra gràfica per seguir l'amplada del dispositiu (que variarà segons el dispositiu).
La part initial-scale=1.0 estableix el nivell de zoom inicial quan el navegador carrega la pàgina per primera vegada.
La part d'escala màxima = 1.0 estableix la quantitat que l'usuari pot fer zoom a la pàgina. Un valor d'1.0 significa que no es permet fer zoom.
La part user-scalable=no desactiva qualsevol zoom que pugui estar disponible de manera predeterminada en alguns dispositius (com ara fer doble toc per ampliar).
Com desactivar el zoom en una pàgina web mòbil
Per desactivar el zoom en una pàgina web mòbil en HTML, utilitzeu el codi següent:
Això farà que la pàgina s'ajusti a l'amplada del dispositiu on es veu.
Zoom Off
Per reduir el zoom en HTML, utilitzeu la propietat de zoom. Per exemple:
zoom: 1;
Desactiva l'escalat HTML
L'escalat HTML és una característica d'HTML que permet als navegadors web ampliar o reduir la mida del text i les imatges per fer-los més llegibles en pantalles més petites o més grans. Aquesta funció es pot desactivar a la majoria de navegadors configurant la propietat d'escala HTML a "cap".
