How can I make my web app iPhone 5 compatible?

2019-03-18 04:14发布

问题:

I have a website optimized as a web app with iOS safari, so that adding to home screen opens the app in a separate Webview. However, it always opens in the 3.5" letter boxed mode, instead of stretching to fill the screen. I know that with native apps, you just have to add the iPhone 5 sized launch image. How can I do this for a web app?

回答1:

I found on this post that all that is required is that you remove width=device-width from the viewport meta tag. The blog talks about specifying a startup image, but this appears to be optional.

Edit: Original source of answer is Max Firtman. He indicates it may be a bug as well (see comments), but for now, this solution works.