I'm working on a website. I need to prevent the zoom-in animation when the user selects a form, however i'm trying with this code
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
and it doesn't work. I can't find anything, it seems like i'm the only one facing this issue. Is it still supported in newer iOS versions? Most posts i found are pretty old
We are facing the same issue related to user-scalable=no viewport property that is occurring on latest iOS Beta version: 10.0 (14A5346a). It looks like this parameter is no longer supported for iOS Safari.
For responsive design, you do not have to use user-scalable=no. Use it only if you want your application to look more like a native app. Zooming is a key feature for accessibility and you need to keep that in mind.
With that in mind is possible that user-scalable=no (or max/min width) isn't quite as horrific as it sounds, and with some thought/planning with regards to accessibility it could be safe to use and benefit from the advantages it brings?
Reading into user-scalable some more rings some alarm bells. The general consensus appears to be that it, along with maximum/minimum-width, is "harmful" for accessibility. Some snippets from articles or posts written this year: "And while initial-scale=1 is pretty useful, maximum-scale is bad news for accessibility."
Landed on this post having the same problem. Turns out it seem to be required to have a css width specified on the html and/or body. At least it started working by adding this
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With