CSS Media Query Import for mobile

b3balla03

New Member
I think I am confusing myself here. Being a bit green at responsive designs, I am trying to import 1 of 2 stylesheets based on the viewed width of the site.However, when using the below, both seem to pull down when viewed in Firebug.Is this correct? What am I doing wrong? What I'd like to achieve is, if the browser width is less than 940px, then pull responsive.css, if it's bigger than that, pull full.cssI'm already including the respond.js library \[code\]https://github.com/scottjehl/Respond\[/code\]\[code\]@import url("/inc/Styles/full.css") (min-width: 940px);@import url("/inc/Styles/responsive.css") (max-width: 940px) and (min-width: 100px);\[/code\]
 
Back
Top