Skip to content

Instantly share code, notes, and snippets.

@brianpattison

brianpattison/css_media_queries_example.html.erb

Created September 10, 2011 01:11
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 brianpattison/1207774 to your computer and use it in GitHub Desktop.
Save brianpattison/1207774 to your computer and use it in GitHub Desktop.
Download ZIP
My CSS Setup w/ Media Queries
Raw
css_media_queries_example.html.erb
<!-- It'd be easy for me to do what you want without changing much -->
<%= stylesheet_link_tag 'desktop/desktop' %>
<%= stylesheet_link_tag 'tablet/tablet', :media => 'only screen and (min-width: 768px) and (max-width: 991px)' %>
<%= stylesheet_link_tag 'mobile/mobile', :media => 'only screen and (max-width: 767px)' %>
<!-- Changed This -->
<meta name="viewport" content="width=device-width" />
<!-- To This -->
<meta name="viewport" content="width=768" />
<!-- Or I could just remove the links to the other style sheets for the one page -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment