iOS Web App apple-touch-start-image meta data for all device possibilities.

gistfile1.txt

 <!-- iPhone SPLASHSCREEN-->
    <link href="/img/ios/iphone-splash.jpeg"  media="screen and (max-device-width: 320px)" rel="apple-touch-startup-image">
    <!-- iPhone (Retina) SPLASHSCREEN-->
    <link href="/img/ios/iphone-splash@2x.jpeg" media="(device-height: 480px) and (-webkit-min-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <!-- iPhone 5 SPLASHSCREEN -->
    <link href="/img/ios/iphone5-splash.jpeg" media="(device-height: 568px) and (-webkit-min-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
 
    <!-- iPad (portrait) SPLASHSCREEN-->
    <link href="/img/ios/ipad-portrait-splash.jpeg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    <!-- iPad (landscape) SPLASHSCREEN-->
    <link href="/img/ios/ipad-landscape-splash.jpeg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    <!-- iPad (Retina, portrait) SPLASHSCREEN-->
    <link href="/}img/ios/ipad-portrait-splash@2x.jpeg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <!-- iPad (Retina, landscape) SPLASHSCREEN-->
    <link href="/img/ios/ipad-landscape-splash@2x.jpeg" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">