Skip to content

Instantly share code, notes, and snippets.

@lbj96347

lbj96347/MobileWebAppPageSetup.html

Created November 27, 2011 02:58
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lbj96347/1396865 to your computer and use it in GitHub Desktop.
Save lbj96347/1396865 to your computer and use it in GitHub Desktop.
Download ZIP
Mobile Web App page setup
Raw
MobileWebAppPageSetup.html
<!DOCTYPE html>
<html>
<head>
<!-- This is a template for Web App Setup -->
<!-- Author : @CashLee李秉骏 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Deal with the proxy cache and some browser cache here is the setting of the meta -->
<meta http-equiv="cache-control" content="no-cache">
<!-- This method is for the old browsers -->
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<!-- Web App icon -->
<link rel="apple-touch-icon" href="iphon_tetris_icon.png"/>
<!-- Web App Status Bar Style 状态栏样式 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- Web App Start Up Page For Each Device -->
<!-- 320x460 for iPhone 3GS -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and not (-webkit-min-device-pixel-ratio: 2)" href="startup-iphone.png" />
<!-- 640x920 for retina display -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="startup-iphone4.png" />
<!-- iPad Portrait 768x1004 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: portrait)" href="startup-iPad-portrait.png" />
<!-- iPad Retina Portrait 768x1004 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)" href="startup-iPad-portrait.png" />
<!-- iPad Landscape 1024x748 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: landscape)" href="startup-iPad-landscape.png" />
<!-- iPad Retina Landscape 1024x748 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)" href="startup-iPad-landscape.png" />
<link rel="apple-touch-startup-image" href="startup.png" />
<meta name='description' content='' >
<meta name='author' content='' >
<title>hello world</title>
<link rel='stylesheet' type='text/css' href='' />
</head>
<body>
</body>
<script type='text/javascript' language='javascript' src=''></script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment