Disable pinch to zoom in IE10

Question

In IE10 touch mode, I want to make only a certain part of the page scalable. The rest should not be.

I found this: http://msdn.microsoft.com/en-US/library/ie/hh772044.aspx and tried to set -ms-touch-action: none to the body and html tags.

However, I can still increase. Did I miss something?

Answer 1

Found solution: -ms-content-zooming: none | zoom -ms-content-zooming: none | zoom

Answer 2

For me this CSS code works

 html { -ms-content-zooming: none; -ms-touch-action: pan-x pan-y; } 

I use this code to disable scaling and double scaling on a Windows tablet, IE 10

Answer 3

Try adding this to your head area:

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