Skip to content

Instantly share code, notes, and snippets.

@s-hiroshi
Created April 23, 2012 11:27
Show Gist options
  • Select an option

  • Save s-hiroshi/2470320 to your computer and use it in GitHub Desktop.

Select an option

Save s-hiroshi/2470320 to your computer and use it in GitHub Desktop.
CSS > Media Query template
<html>
<head>
<style>
<link href="smartphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" />
<link href="tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 768px)" />
<link href="tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 769px)" />
</head>
<body>
</body>
</tml>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment