Difference between revisions of "Media query (CSS)"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(Created page with "In CSS, a '''media query''' consists of a media type and zero or more expressions that check for the conditions of particular media features. == Desc...")
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
In [[CSS]], a '''media query''' consists of a [[Media type (CSS)|media type]] and zero or more expressions that check for the conditions of particular media features.
 
In [[CSS]], a '''media query''' consists of a [[Media type (CSS)|media type]] and zero or more expressions that check for the conditions of particular media features.
 +
 +
[[Responsive web design]] relies upon media queries.
  
 
== Description ==
 
== Description ==
Line 19: Line 21:
 
== See also ==
 
== See also ==
  
 +
* [[Media type (CSS)]]
 
* [[Responsive web design]]
 
* [[Responsive web design]]
 
* [[Web design]]
 
* [[Web design]]

Latest revision as of 08:43, 26 August 2016

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'.

Responsive web design

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.

Media Queries module

See Media Queries for the CSS3 module containing formal specfications.

See also

Exterior Links