Skip to content

Instantly share code, notes, and snippets.

@shrunyan

shrunyan/iphone-splash-screen.html

Forked from burin/gist:3840737
Last active December 19, 2015 12:28
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 shrunyan/5954683 to your computer and use it in GitHub Desktop.
Save shrunyan/5954683 to your computer and use it in GitHub Desktop.
Download ZIP
Adds a splash screen to an iPhone web app.
Raw
iphone-splash-screen.html
<!-- standard viewport tag to set the viewport to the device's width
, Android 2.3 devices need this so 100% width works properly and
doesn't allow children to blow up the viewport width-->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
<!-- width=device-width causes the iPhone 5 to letterbox the app, so
we want to exclude it for iPhone 5 to allow full screen apps -->
<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />
<!-- provide the splash screens for iPhone 5 and previous -->
<link href="assets/splashs/splash_1096.png" rel="apple-touch-startup-image" media="(device-height: 568px)">
<link href="assets/splashs/splash_iphone_2x.png" rel="apple-touch-startup-image" sizes="640x960" media="(device-height: 480px)">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment