media queries - separate and independent style sheet?
Using Media Queries in the head of the index html doc, is it possible to tell the visitors browser to use a separate style sheet independently of the original stylesheet?
Currently, what I use uses the mobile_specific stylesheet in addition to the original one which is becoming tricky to style.
So syles_mobile.css is used in addition to styles.css. How do I tell the browser to use ONLY "styles_mobile.css" and not both the stylesheets together?
Add a media query to the regular stylesheet who is the oposite of your mobile query:
PS: I suggest you to use a standard order of attributes. And the
type attribute is not required, as it has a default value of
text/css with link and style elements and a default value of
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here