Disable pinch to zoom in IE10

Question

In IE10 touch mode I wish to make only a certain part of the page zoomable. 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 my body and html tags.

However I can still zoom. Did I miss something?

score 27 · Accepted Answer · edited Mar 03 '13 at 06:35

27

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

edited Mar 03 '13 at 06:35

Michael Irigoyen

answered Mar 03 '13 at 02:02

cmplieger

2

asked yourself, answered yourself. what can be better? voting up – Alex K Nov 01 '13 at 08:59
Also this work in the same way in webkit browser using: -webkit-content-zooming or content-zooming – ujeenator Sep 18 '15 at 08:57

score 6 · Answer 2 · answered Dec 05 '14 at 11:50

6

For me this CSS code work

html {

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

}

I am using this code for disabling pinch and double tap zoom on windows tablet, I.E 10

answered Dec 05 '14 at 11:50

Umer Qureshi

score 0 · Answer 3 · answered Mar 13 '15 at 18:40

0

Try to add this in your Head area:

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

answered Mar 13 '15 at 18:40

Jhonatan Mark

3 Answers3