4 Replies Latest reply: Jan 14, 2014 2:47 PM by jayrobdapot
vince730 Level 1 Level 1 (5 points)

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
  • 1. Re: iPhone 5 web apps in letterbox mode
    vince730 Level 1 Level 1 (5 points)

    Anyone?

  • 2. Re: iPhone 5 web apps in letterbox mode
    vince730 Level 1 Level 1 (5 points)

    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.

  • 3. Re: iPhone 5 web apps in letterbox mode
    razmee209 Level 7 Level 7 (23,385 points)

    What web apps are you talking about?

  • 4. Re: iPhone 5 web apps in letterbox mode
    jayrobdapot Level 1 Level 1 (0 points)

    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