Skip to content

Instantly share code, notes, and snippets.

@aaronwro
Created June 9, 2013 02:34
Show Gist options
  • Save aaronwro/5737392 to your computer and use it in GitHub Desktop.
Save aaronwro/5737392 to your computer and use it in GitHub Desktop.
meta data for hiding Mobile Safari chrome and iPhone home screen icon
// hide the browser chrome
<meta name="apple-mobile-web-app-capable" content="yes" />
//set the phone status bar style; can be grey, black, or black translucent
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
// set the viewport for iOS
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
// set a custom icon for when a user bookmarks the app to the home screen
<link rel="apple-touch-icon" href="/path/to/icon.png" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment