Media query (CSS)

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

Responsive web design relies upon media queries.

Description

This allowing content rendering to adapt to conditions such as screen resolution (e.g. smartphone screen vs. computer monitor).

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.

Responsive web design relies upon media queries.

See Media Queries for the CSS3 module containing formal specfications.