Skip to content

Instantly share code, notes, and snippets.

@joyrexus

joyrexus/config.html

Last active December 15, 2015 23:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joyrexus/5340515 to your computer and use it in GitHub Desktop.
Save joyrexus/5340515 to your computer and use it in GitHub Desktop.
Download ZIP
iOS web app config settings.
Raw
config.html
<!-- cache items specified in manifest -->
<html manifest="app.manifest">
<!-- standalone mode, hides web browser UI -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- optimized for mobile, zoom/scaling disabled -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.
0, user-scalable=no" />
<!-- HOME SCREEN ICON -->
<!-- iPhone -->
<!-- NON-RETINA -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- RETINA -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<!-- iPad -->
<!-- NON-RETINA -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<!-- RETINA -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<!-- SPLASH SCREEN STARTUP IMAGE -->
<!-- iPhone -->
<!-- NON-RETINA-->
<link href="apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image">
<!-- RETINA -->
<link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPad -->
<!-- NON-RETINA -->
<!-- portrait -->
<link href="apple-touch-startup-image-768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" rel="apple-touch-startup-image" />
<!-- landscape -->
<link href="apple-touch-startup-image-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" rel="apple-touch-startup-image" />
<!-- RETINA -->
<!-- portrait -->
<link href="apple-touch-startup-image-1536x2008.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<!-- landscape -->
<link href="apple-touch-startup-image-2048x1496.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<style>
html * {
-webkit-tap-highlight-color: transparent; /* turn off default press states */
-webkit-touch-callout: none; /* disable save image on long press */
-webkit-user-select: none; /* disable selection copy/paste */
-webkit-user-drag: none; /* disable dragging images */
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment