Google chrome - disable pinch zoom
ANSWER: 2018
I've been trying to solve the same issue with a kiosk application. I've tried meta tags and touch events but nothing on the application side would work for me.
In the end the solution I found was disabling pinch from the command line when booting up Chrome in kiosk mode
Here's an example:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --start-fullscreen --kiosk
--disable-pinch http://127.0.0.1:1000
I am guessing that I am a bit late for you, but for the next people who find this via google, the solution is actually pretty simple, by just using pure CSS
.
The property you are looking for is touch-action
and as explained by MDN:
The touch-action CSS property specifies whether, and in what ways, a given region can be manipulated by the user via a touchscreen (for instance, by panning or zooming features built into the browser)
A basic solution of disabling all pinch to zoom would be the following code snippet placed in your CSS
.
body {
touch-action: none;
}
There are other options souch as pan-x
, pan-left
, pan-right
, pan-y
, pan-up
, pan-down
, pinch-zoom
.
Check the full docs @ https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action