Skip to content

Instantly share code, notes, and snippets.

@stefano-bortolotti
Forked from burin/gist:3840737
Last active December 26, 2015 10:39
Show Gist options
  • Save stefano-bortolotti/7138215 to your computer and use it in GitHub Desktop.
Save stefano-bortolotti/7138215 to your computer and use it in GitHub Desktop.
Home screen Web apps viewport and icon syntax
<!-- 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" 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" 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/splash_1096.png" rel="apple-touch-startup-image" media="(device-height: 568px)">
<link href="assets/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