¿Cómo evitar que un usuario en iOS haga zoom en un sitio con dos dedos?
pongo este atributo
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" />solo funciona con doble click, y al hacer zoom con dos dedos no funciona, como solucionar esto o ios te dejara hacer zoom de todos modos?
Utilice la propiedad de acción táctil.
Para deshabilitar los gestos de pellizcar/zoom y tocar dos veces para hacer zoom:
body { touch-action: pan-x pan-y; }Si tampoco necesita gestos panorámicos, simplemente hágalo:
body { touch-action: none; }Agregar la información anterior a la metaetiqueta de la ventana gráfica tampoco funcionó para mí. yo añadí
body { touch-action: pan-x pan-y; }y todo funciona perfectamente en Android. Sin embargo, estamos usando el diseño de hormigas y, por alguna razón, hay una clase llamada efecto de desplazamiento de hormigas que se agrega al cuerpo que agrega
body { touch-action: none; }pero aún te permite hacer zoom en iOS. No he descubierto por qué esto funciona perfectamente en Android, pero no funciona en iOS.