Skip to content

Instantly share code, notes, and snippets.

@remibreton

remibreton/HTML: Mobile first stylesheets

Created August 13, 2013 15:23
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 remibreton/6222297 to your computer and use it in GitHub Desktop.
Save remibreton/6222297 to your computer and use it in GitHub Desktop.
Download ZIP
Warning: more HTTP requests over file size is usually not a good solution http://stackoverflow.com/questions/9855545/http-requests-vs-file-size
Raw
HTML: Mobile first stylesheets
<link rel="stylesheet" href="style.css" media="all">
<link rel="stylesheet" href="style.tablet.css" media="all and (min-width: 570px)">
<link rel="stylesheet" href="style.desktop.css" media="all and (min-width: 960px)">
<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="style.tablet.css" media="all">
<link rel="stylesheet" href="style.desktop.css" media="all">
<![endif]-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment