Saltar al contenido

Google chrome: deshabilitar el zoom de pellizco

Solución:

RESPUESTA: 2018

Intenté resolver el mismo problema con una aplicación de kiosco. Probé metaetiquetas y eventos táctiles, pero nada en el lado de la aplicación funcionó para mí.

Al final, la solución que encontré fue deshabilitar el pellizco desde la línea de comando al iniciar Chrome en modo quiosco

He aquí un ejemplo:

"C:Program Files (x86)GoogleChromeApplicationchrome.exe" --start-fullscreen  --kiosk 
--disable-pinch  http://127.0.0.1:1000

Supongo que llego un poco tarde para ti, pero para las próximas personas que encuentren esto a través de Google, la solución es bastante simple, simplemente usando pure CSS.

La propiedad que busca es touch-action y como lo explica MDN:

La propiedad CSS de acción táctil especifica si el usuario puede manipular una región determinada a través de una pantalla táctil y de qué manera (por ejemplo, mediante funciones de panorámica o zoom integradas en el navegador)

Una solución básica para deshabilitar todos los pellizcos para hacer zoom sería el siguiente fragmento de código colocado en su CSS.

body {
    touch-action: none;
}

Hay otras opciones, toque como pan-x, pan-left, pan-right, pan-y, pan-up, pan-down, pinch-zoom.

Consulte la documentación completa @ https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *