CODEWITHSUNDEEP
javascriptjqueryhtmlcssjquery-mobile
TheWandererr
TheWandererr

Reputation: 514

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

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.

Upvotes: 0

Views: 912

Answers (2)

TheWandererr
TheWandererr

Reputation: 514

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

Upvotes: 0

yqlim
yqlim

Reputation: 7080

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

Upvotes: 1

Related Questions