CSS - Media types vs. media queries

CSS2 media types and CSS3 media queries achieve the same goal, but do so by different means.
Both allow you to layer in additional style sheets based on the device you are rendering to. Recall that CSS is cascaded.


Both assume that you have a base layout in CSS. Then:


  • Use CSS2 media types to layer in CSS based on the device type. Screen, print, handheld, etc.
  • Use CSS3 media queries to layer in CSS based on device capabilities.

Ads by Google


Ask a question, send a comment, or report a problem - click here to contact me.

© Richard McGrath