Skip navigation

iPhone 5 web apps in letterbox mode

467 Views 4 Replies Latest reply: Jan 14, 2014 2:47 PM by jayrobdapot RSS
vince730 Level 1 Level 1 (5 points)
Currently Being Moderated
Jan 5, 2013 2:23 PM

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
  • razmee209 Level 7 Level 7 (21,260 points)
    Currently Being Moderated
    Jan 11, 2013 1:02 PM (in response to vince730)

    What web apps are you talking about?

  • jayrobdapot Calculating status...
    Currently Being Moderated
    Jan 14, 2014 2:47 PM (in response to vince730)

    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


Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Legend

  • This solved my question - 10 points
  • This helped me - 5 points
This site contains user submitted content, comments and opinions and is for informational purposes only. Apple disclaims any and all liability for the acts, omissions and conduct of any third parties in connection with or related to your use of the site. All postings and use of the content on this site are subject to the Apple Support Communities Terms of Use.