2 : Media Queries


  • Figure 2-2: Different style rules applied with the width media feature.
  • Figure 2-4: The orientation media feature in use.

Browser Support

Chrome Firefox Safari IE
Media Queries Yes Yes Yes Yes

A note on browser versions

Where a Yes is used in these support tables it means that the feature is supported either in an evergreen browser or in at least the last three versions of Safari (6–8) or IE (9–11). Otherwise, a version number will be shown. With regards to IE, it’s safe to presume that, with a very few exceptions, almost nothing in this book is implemented in IE8 or below.

For more complete version history I highly recommend the Can I use… compatibility tables.