I tried to use "user-scalable=no" in the meta tag to disable zooming my webpage. I tested it and the webpage was zoomed in. How can I make it the original but still disable zooming? I also tried initial-scale=1.0 doesnt work though. So what do I have to put in the meta tag do disable zooming but with the original size? thanks in advance
Asked
Active
Viewed 1.1k times
7
-
What browser(s) on which operating system(s) are you testing this with? – Quentin Jun 13 '17 at 11:53
-
I've tested it on a android mobile phone using chrome. I just think its weird that when I only use user-scalable=no the page automatically zooms in – lologic Jun 13 '17 at 12:06
-
If you're using iOS 10, this feature has been disabled. Please refer https://stackoverflow.com/a/37859168/1268350 – Hemant Kumar Aug 18 '17 at 12:10
-
@HemantArora but with javascript i can still disable zooming right? – lologic Aug 23 '17 at 15:09
-
Yes. It will work on all platforms except iOS 10 and later. – Hemant Kumar Aug 25 '17 at 11:23
-
hello. Disabling user-scalable is an accessibility issue. Do not do this :) – AT Fresh Dev Sep 10 '20 at 14:59
-
Hello,. Enabling user-scalable is also an accessibility issue. I.E. i makes your app completely inaccessible when safari starts zooming and panning when other gestures are clearly intended. – John Michael Law Feb 20 '23 at 15:11
1 Answers
8
Unfortunately there is no easy way workable solution yet (as of moment of writing this). iOS simple ignores user-scalable. Btw, this seems like duplicated question. Please see : disable viewport zooming iOS 10+ safari?
StefaDesign
- 929
- 10
- 19