O'Reilly logo

Less Web Development Essentials by Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Media queries and responsive design

Media queries is a CSS3 module and is a W3C candidate recommendation since June 2012. Media queries add the possibility of applying a style sheet to CSS only when a media query evaluates as true. A media query evaluates the device's type and device's features. The device's types are screen, speech, and print, among others, and the features are width, device-width, and resolution, among others.

Nowadays, the screen type and device's width play an important role in responsive web design. With the use of media queries, someone can restrict CSS rules to a specified screen width and thus change the representation of a website with varying screen resolutions.

A typical media query will look like the following line of ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required