Prevent zooming using a touchscreen in a website (IE 11, Win 10)

Question

I have a website created using jQuery Mobile. And I want to disable the zoom functionality or prevent the user from being able to zoom in using pinch zoom or tapping with 2 fingers simultaneously.

I was looking for an answer but I just can't find an answer that works.

I tried using the meta tag:

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

Also tried:

body { -ms-content-zooming: none },
html { -ms-content-zooming: none },
.ui-page { -ms-content-zooming: none }

None of those solutions work.

check a bit similar http://stackoverflow.com/questions/6397748/whats-the-point-of-meta-viewport-user-scalable-no-in-the-google-maps-api — kplshrm7, Nov 08 '16 at 09:36

score 1 · Answer 1 · answered Nov 08 '16 at 09:30

1

Try user-scalable = no instead of user-scalable = 0.

answered Nov 08 '16 at 09:30

yqlim

6,898
3
19
43

I have also tried this and unfortunately it doesnt work. – TheWandererr Nov 08 '16 at 09:46

score 0 · Accepted Answer · answered Nov 08 '16 at 14:10

0

So after more research i finally found a solution to my problem. Not the most handsome one but it works for me.
I had to add an additional Key to the Internet Explorer Registry(HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Zoom) to prevent any Zoom. A full guide can be found HERE

answered Nov 08 '16 at 14:10

TheWandererr

514
1
8
34

This approach is will only work on your _own_ computer. It will not have any effect on any other computer. – yqlim Feb 16 '19 at 08:26

Prevent zooming using a touchscreen in a website (IE 11, Win 10)

2 Answers2