Details at http://devework.com/ios-7-web-app.html

iOS-Web-App-Basic-Html-Code.html

<!--
iOS Web App Basic Html Code.
Url:http://devework.com/ios-7-web-app.html
Thanks: https://gist.github.com/tfausak/2222823
-->

<!--meta tag-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="My App">
	
<!--apple-touch-icon-->	
  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/webapp/icon57.png" >
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/webapp/icon72.png">
	<link rel="apple-touch-icon-precomposed" sizes="76x76" href="images/webapp/icon76.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/webapp/icon114.png">
	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/webapp/icon120.png">
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/webapp/icon144.png">
	<link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/webapp/icon152.png">
 
 <!--Startup images-->
 <!-- iOS 6 & 7 iPad (retina, portrait) -->
        <link href="images/webapp/apple-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">
        <!-- iOS 6 & 7 iPad (retina, landscape) -->
        <link href="images/webapp/apple-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">
        <!-- iOS 6 iPad (portrait) -->
        <link href="images/webapp/apple-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">
        <!-- iOS 6 iPad (landscape) -->
        <link href="images/webapp/apple-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">
        <!-- iOS 6 & 7 iPhone 5 -->
        <link href="images/webapp/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iOS 6 & 7 iPhone (retina) -->
        <link href="images/webapp/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
        <!-- iOS 6 iPhone -->
        <link href="images/webapp/apple-touch-startup-image-320x460.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">