Disable the default setting to zoom in on Chrome in Windows 8.1

There are many questions on how to turn off pinch to zoom and there are many good answers. What I learned from questions like this and what I use in my application is:

<meta name="viewport" 
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">


html, body {
  -ms-content-zooming: none;
  touch-action: none;   
}

      

This works well for IE11 and Chrome in most cases. But there is at least one special case where Chrome on MS Surface with Windows 8.1 starts to grow: Pinch on div

, which has overflow: auto

. Is this a known issue? Is there any solution to this problem (I cannot find)?

The Javascript solution is not a problem as I already handle touch events to implement various touch gestures (like custom zoom action). I could call event.preventDefault()

in the touch event handlers, but this also disables the default scroll gestures.

+3
javascript html css windows mobile


source to share


No one has answered this question yet

See similar questions:

56
Disable mobile zoom

or similar:

1403
Disable Same Origin Policy in Chrome
620
Disable Chrome Autofill
sixteen
Adding a scalable div to a non-scalable viewport on mobile
eleven
Preventing delays with Google Chrome
ten
What javascript framework are google images using scaling?
five
Google chrome - disable zoom zoom
3
Does compression support multimedia queries?
3
Disable zoom zoom and multi-zone gestures in windows 10?
2
Optical zoom disabled
-2
How do I make my web page mobile friendly?



All Articles
Loading...
X
Show
Funny
Dev
Pics