13

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?

xdumaine
  • 10,096
  • 6
  • 62
  • 103
  • I just noticed this as well. I don't have an answer, but I imagine it's an oversight on Apple's part (and can't be fixed until they update iOS). – Will Henderson Sep 29 '12 at 21:28
  • rdar://12401823 http://openradar.appspot.com/radar?id=2068403 – Will Henderson Sep 29 '12 at 22:08
  • 3
    @WillHenderson Check [this blog post](http://taylor.fausak.me/2012/09/20/iphone-5-web-app-startup-image/) out. It indicates that if you remove `width=device-width` from the viewport, it doesn't letterbox it. It worked for me. – xdumaine Oct 01 '12 at 15:01

1 Answers1

23

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.

xdumaine
  • 10,096
  • 6
  • 62
  • 103