Saltar al contenido

Ariapsa - Diseño de páginas web México

CSS para Deshabilitar Zoom en celular

Este código CSS funciona para mejorar la experiencia de usuario en dispositivos táctiles, haciendo que la navegación por tu sitio sea más suave y evitando comportamientos no deseados.
Agregar este código CSS en la sección "Personalizador" de tu tema de WordPress o en tu archivo de hojas de estilo personalizado o en tu plugin de Code Snippets css
html {
touch-action: manipulation;
-ms-touch-action: manipulation;
zoom: 1;
-ms-content-zooming: none;
}

Veamos lo que hace:

touch-action: manipulation; y -ms-touch-action: manipulation; garantizan que los elementos táctiles sean manipulables, lo que significa que los usuarios podrán interactuar con ellos de manera más intuitiva.

zoom: 1; y -ms-content-zooming: none; evitan el zoom automático en algunos navegadores móviles, lo que puede ser molesto para los usuarios.

Agregar este código CSS es un paso sencillo que puede mejorar significativamente la experiencia de tus visitantes en dispositivos táctiles, lo que es especialmente importante en la era actual de smartphones y tablets.

¿Necesitas ayuda para instalar? contáctanos 

 

 

QR Code
¡Enfoca el QR con tu cámara de fotos!