iOS / mobile safari still zooms while viewport is set to user-scalable=no ? Check Accessibility settings!

Question

This specific Mobile Safari (seemingly impossible and yet undocumented) problem kept me going for a long long time today, and I was just about to post a question about it he

Answer 1

I then found the great iPad CSS Layout with Landscape/Portrait Modes demo. It looked promising, but gave me the identical problem. Yet while testing this on a second iPad it worked perfect: no zooming problem whatsoever. So, we figured it had to do with my specific iPad.

Then it struck me: Weeks ago I fiddled around with the accessibility settings. Zooming in on the entire interface like you can do in OSX (ctrl+scroll) etc. Maybe this was linked to Mobile Safari in some way? Well, it turns out it is.

Today I learned: When Accessibility > Zoom is turned on, this overrules the meta viewport settings.

Try this out yourself? You'll find it here: Settings > General > Accessibility > Zoom