Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

"Make responsive" not working for home screen web apps in iOS 11. Any fix?

Explorer ,
Jun 07, 2018 Jun 07, 2018

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:

testView.png

How to fix it for iOS 11?

263
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 10, 2018 Jun 10, 2018
LATEST

Any Adobe people can figure out why the new iOS breaks the "make responsive" code on iOS 11?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines