Skip to content

Instantly share code, notes, and snippets.

@veganstraightedge

veganstraightedge/iPad-and-iPhone-specific-and-orientation-specific-stylesheets.css

Created May 20, 2010 18:14
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 veganstraightedge/407891 to your computer and use it in GitHub Desktop.
Save veganstraightedge/407891 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
iPad-and-iPhone-specific-and-orientation-specific-stylesheets.css
<!-- iPad Goodies -->
<link media="only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape)" href="ipad-landscape.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)" href="ipad-portrait.css" type="text/css" rel="stylesheet" />
<!-- End iPad -->
<!-- iPhone Goodies -->
<link media="only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape)" href="iphone-landscape.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:portrait)" href="iphone-portrait.css" type="text/css" rel="stylesheet" />
<!-- End iPhone -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment