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