HTML: Full iOS webapp meta data.

webapp meta

        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

        <!-- iPhone -->
        <link href="img/touch-icon-57x57.png"
              sizes="57x57"
              rel="apple-touch-icon">
        <link href="img/touch-startup-image-320x460.png"
              media="(device-width: 320px) and (device-height: 480px)
                 and (-webkit-device-pixel-ratio: 1)"
              rel="apple-touch-startup-image">

        <!-- iPhone (Retina) -->
        <link href="img/touch-icon-114x114.png"
              sizes="114x114"
              rel="apple-touch-icon">
        <link href="img/touch-startup-image-640x920.png"
              media="(device-width: 320px) and (device-height: 480px)
                 and (-webkit-device-pixel-ratio: 2)"
              rel="apple-touch-startup-image">

        <!-- iPhone 5 -->
        <!-- http://m.cg/post/31898025418/prevent-web-app-letterboxing-on-ios6-4in-retina-iphone -->
        <link href="img/[email protected]"
              media="(device-width: 320px) and (device-height: 568px)
                 and (-webkit-device-pixel-ratio: 2)"
              rel="apple-touch-startup-image">

        <!-- iPad -->
        <link href="img/touch-icon-72x72.png"
              sizes="72x72"
              rel="apple-touch-icon">
        <link href="img/touch-startup-image-768x1004.png"
              media="(device-width: 768px) and (device-height: 1024px)
                 and (orientation: portrait)
                 and (-webkit-device-pixel-ratio: 1)"
              rel="apple-touch-startup-image">
        <link href="img/touch-startup-image-748x1024.png"
              media="(device-width: 768px) and (device-height: 1024px)
                 and (orientation: landscape)
                 and (-webkit-device-pixel-ratio: 1)"
              rel="apple-touch-startup-image">

        <!-- iPad (Retina) -->
        <link href="img/touch-icon-144x144.png"
              sizes="144x144"
              rel="apple-touch-icon">
        <link href="img/touch-startup-image-1536x2008.png"
              media="(device-width: 768px) and (device-height: 1024px)
                 and (orientation: portrait)
                 and (-webkit-device-pixel-ratio: 2)"
              rel="apple-touch-startup-image">
        <link href="img/touch-startup-image-1496x2048.png"
              media="(device-width: 768px) and (device-height: 1024px)
                 and (orientation: landscape)
                 and (-webkit-device-pixel-ratio: 2)"
              rel="apple-touch-startup-image">