Submitted by timmillwood on Thu, 07/22/2010 - 12:03
Media queries are getting more and more popular in web design to allow your web site to change depending on the screen resolution, or screen orientation.
It is very simple to add media queries to your Drupal theme.
To define a CSS file in your Drupal theme's info file you would usually write declarations such as
stylesheets[all][] = style.css
or
stylesheets[screen][] = style.css
etc.
To use media queries you can write declarations such as
stylesheets[screen and (max-width: 600px)][] = screen-600.css
or