06) Responsive Media

Screen and Print are the media attributes addressed in these style sheets. There are also aural, braille, handheld, projection, tty, tv, and even 3d-glasses.

Here are the conditionals found near the bottom of each theme’s style.css.

Note: There is a subtle difference between width and device-width.

Theme 2011
Theme 2012
Theme 2013
Theme 2014

The last theme seems to go overboard, considering that the changes in appearance at the various widths, in areas such font size, margins, padding, and borders are so subtle.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.