Copy link to clipboard
Copied
It seems iOS 11 breaks the viewport scaling for home screen web apps. Tried it on iOS 9, and it works as expected though.
I published the .html (uploaded here for testing as home screen web app), and only added these meta tags to make it mobile web app capable:
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<meta name="apple-mobile-web-app-capable" content="yes" />
The page gets stuck on the same size after it scales down, like this:
How to fix it for iOS 11?
Copy link to clipboard
Copied
Any Adobe people can figure out why the new iOS breaks the "make responsive" code on iOS 11?
Find more inspiration, events, and resources on the new Adobe Community
Explore Now