I am trying to disable zoom in functionality in android and IOS for a mobile friendly website. I have tried these solutions but its working for android and iPhone 5 but not for iPhone 5+ and iPad.
Asked
Active
Viewed 316 times
0
-
Possible duplicate of [Is there a non-hacky way to prevent pinch zoom on iOS 11.3 Safari?](https://stackoverflow.com/questions/49589861/is-there-a-non-hacky-way-to-prevent-pinch-zoom-on-ios-11-3-safari) – Daniel W. Jun 06 '18 at 16:24
-
In iOS / Safari, Apple does not respect disabled zoom on websites per intent - this has started in iOS 9 or 10. – Daniel W. Jun 06 '18 at 16:25
1 Answers
0
Zooming is handled by the scaleble attribute in viewport (you can also configure what is the default scale)
<meta name='viewport', content='width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
Keep in mind, this disable scaling in general. If you want to limit it to mobile screens only, you need to use a specific @media query (depending on which size you want and what kind of devices you want to limit)
Samuel Hulla
- 6,617
- 7
- 36
- 70
-
I want to disable it for all the devices (android and ios),but as I mentioned it's working for android and iPhone 5 only – ayush sharma Jun 01 '18 at 11:41
-
Provide us with a code you're using. But either way, the one I provided should work. – Samuel Hulla Jun 01 '18 at 11:42
-