I find that even after deleting and recreating my web apps, they all open in letterbox mode on my iPhone 5. I don't understand why this would happen when Safari itself works full screen on the iPhone 5.
iPhone 5, iOS 6.0.2
Anyone?
HELLO??? I can't believe that nobody else has encountered this. My iPhone 5 was not restored from backup and is on a fresh install of iOS 6 so I know it isn't a bug from old software.
What web apps are you talking about?
Vince, wow it's been a year! I was just doing a random search and found this. Did you ever find a resolution to your issue?
If so, was it to specify a startup image? Like so ...
<link rel="apple-touch-startup-image" href="startup-568h-retina.png" media="screen and (device-height: 568px)">
If you're trying to get the whole shabang of iOS devices, try this:
<link rel="apple-touch-startup-image" href="startup.png" media="screen and (device-height: 480px)">
<link rel="apple-touch-startup-image" href="startup-568h-retina.png" media="screen and (device-height: 568px)">
<link rel="apple-touch-startup-image" href="startup-ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
<link rel="apple-touch-startup-image" href="startup-ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="startup-retina.png" media="screen and (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" href="startup-ipad-landscape-retina.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" href="startup-ipad-portrait-retina.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2)">
and create images at the following dimensions for each startup image:
320 x 460 - device height 480px
640 x 920 - device height 480px + min pixel ratio 2
640 x 1096 - device height 568px
1024 x 748 - min device width 481px + max device width 1024px + landscape
768 × 1004 - min device width 481px + max device width 1024px + portrait
2048 × 1496 - min device width 481px + max device width 1024px + landscape + min pixel ratio 2
1536 × 2008 - min device width 481px + max device width 1024px + portrait + min pixel ratio 2
iPhone 5 web apps in letterbox mode
