|
44 | 44 |
|
45 | 45 | <h1 id=media-queries>Media Queries Level 4</h1> |
46 | 46 |
|
47 | | - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 May 2012</h2> |
| 47 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 19 June 2012</h2> |
48 | 48 |
|
49 | 49 | <dl> |
50 | 50 | <dt>This version: |
51 | | - <!-- <dd><a href="http://www.w3.org/TR/2012/ED-mediaqueries4-20120529/">http://www.w3.org/TR/2012/ED-mediaqueries4-20120529/</a> --> |
| 51 | + <!-- <dd><a href="http://www.w3.org/TR/2012/ED-mediaqueries4-20120619/">http://www.w3.org/TR/2012/ED-mediaqueries4-20120619/</a> --> |
52 | 52 |
|
53 | 53 |
|
54 | 54 | <dd><a |
@@ -129,21 +129,26 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 May 2012</h2> |
129 | 129 |
|
130 | 130 | <h2 class="no-num no-toc" id=abstract>Abstract</h2> |
131 | 131 |
|
132 | | - <p>HTML4 and CSS2 currently support media-dependent style sheets tailored |
133 | | - for different <em>media types</em>. For example, a document may use |
134 | | - sans-serif fonts when displayed on a screen and serif fonts when printed. |
135 | | - ‘<code class=css>screen</code>’ and ‘<code class=css>print</code>’ |
136 | | - are two media types that have been defined. <em>Media queries</em> extend |
137 | | - the functionality of media types by allowing more precise labeling of |
138 | | - style sheets. |
139 | | - |
140 | | - <p>A media query consists of an optional media type and zero or more |
141 | | - expressions that check for the conditions of particular <em>media |
142 | | - features</em>. Among the media features that can be used in media queries |
143 | | - are ‘<code class=css>width</code>’, ‘<code |
144 | | - class=css>height</code>’, and ‘<code class=css>color</code>’. By |
145 | | - using media queries, presentations can be tailored to a specific range of |
146 | | - output devices without changing the content itself. |
| 132 | + <p><em>Media Queries</em> allow authors to adapt the style applied to a |
| 133 | + document based on the environment the document is being rendered in. <a |
| 134 | + href="#HTML401" rel=biblioentry>[HTML401]<!--{{HTML401}}--></a> and <a |
| 135 | + href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> introduced this |
| 136 | + mechanism, by allowing detection of the <em>media type</em>. For example, |
| 137 | + a document may use sans-serif fonts when displayed on a screen and serif |
| 138 | + fonts when printed. ‘<code class=css>screen</code>’ and ‘<code |
| 139 | + class=css>print</code>’ are two media types that have been defined. |
| 140 | + Media Queries Level 3 <a href="#MEDIAQ" |
| 141 | + rel=biblioentry>[MEDIAQ]<!--{{MEDIAQ}}--></a> refined this mechanism by |
| 142 | + allowing detection of individual characteristics, or <em>media |
| 143 | + features</em>. For example, a document may use a different style when |
| 144 | + displayed in ‘<code class=css>portrait</code>’ and in ‘<code |
| 145 | + class=css>landscape</code>’ mode, as detected by the ‘<code |
| 146 | + class=css>orientation</code>’ media feature. |
| 147 | + |
| 148 | + <p>Media Queries Level 4 describes the mechanism, media types and media |
| 149 | + features that already existed in <a href="#MEDIAQ" |
| 150 | + rel=biblioentry>[MEDIAQ]<!--{{MEDIAQ}}--></a>, and further introduces new |
| 151 | + media features. |
147 | 152 |
|
148 | 153 | <h2 class="no-num no-toc" id=status>Status of this document</h2> |
149 | 154 | <!--begin-status--> |
|
0 commit comments