Skip to content

Instantly share code, notes, and snippets.

@FokkeZB

FokkeZB/viewport.html

Created March 20, 2013 21:23
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save FokkeZB/5208595 to your computer and use it in GitHub Desktop.
Save FokkeZB/5208595 to your computer and use it in GitHub Desktop.
Download ZIP
The ultimate responsive viewport meta-tag. Most docs tell you to use with=device-width and user-scalable=no only. But when you change the orientation of your iPad or iPhone from portrait to landscape, you'll notice the websites scales up. By adding minimum-scale=1.0 and maximum-scale=1.0 you fix this problem.
Raw
viewport.html
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment