Media Queries

From Wiki @ Karl Jones dot com
Jump to: navigation, search

Media Queries is a CSS3 module allowing content rendering to adapt to conditions such as screen resolution (e.g. smartphone screen vs. computer monitor).

Media query

A media query consists of a media type and zero or more expressions that check for the conditions of particular media features.

Among the media features that can be used in media queries are 'width', 'height', and 'color'.

By using media queries, presentations can be tailored to a specific range of output devices without changing the content itself. This is the basis of responsive web design.

Recommended standard

It became a W3C recommended standard in June 2012, and is a cornerstone technology of Responsive web design.

See also

Exterior Links