Skip to content

Instantly share code, notes, and snippets.

@stefano-bortolotti
stefano-bortolotti / web apps viewports [HTML]
Last active December 26, 2015 10:39 — forked from burin/gist:3840737
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)">