Tue, 23 Apr 2013 11:42:33 +0200
[css-device-adapt] Link to Bugzilla for issue tracking.
css-device-adapt/Overview.html | file | annotate | diff | comparison | revisions | |
css-device-adapt/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css-device-adapt/Overview.html Mon Apr 22 17:29:40 2013 -0700 1.2 +++ b/css-device-adapt/Overview.html Tue Apr 23 11:42:33 2013 +0200 1.3 @@ -11,7 +11,7 @@ 1.4 rel=dcterms.rights> 1.5 <meta content="CSS Device Adaptation" name=dcterms.title> 1.6 <meta content=text name=dcterms.type> 1.7 - <meta content=2013-03-01 name=dcterms.issued> 1.8 + <meta content=2013-04-23 name=dcterms.date> 1.9 <meta content="Rune Lillesveen" name=dcterms.creator> 1.10 <meta content="Øyvind Stenhaug" name=dcterms.creator> 1.11 <meta content="Florian Rivoal" name=dcterms.creator> 1.12 @@ -31,13 +31,13 @@ 1.13 1.14 <h1>CSS Device Adaptation</h1> 1.15 1.16 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 March 2013</h2> 1.17 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 23 April 2013</h2> 1.18 1.19 <dl> 1.20 <dt>This version: 1.21 1.22 <dd>$Date$ (editor's draft) 1.23 - <!--<dd><a href="http://dev.w3.org/csswg/css-device-adapt/">http://www.w3.org/TR/2013/WD-css-device-adapt-20130301/</a></dd>--> 1.24 + <!--<dd><a href="http://dev.w3.org/csswg/css-device-adapt/">http://www.w3.org/TR/2013/WD-css-device-adapt-20130423/</a></dd>--> 1.25 1.26 <dt>Latest version: 1.27 1.28 @@ -57,15 +57,17 @@ 1.29 <dt>Issues List: 1.30 1.31 <dd><a 1.32 - href="http://www.w3.org/Style/CSS/Tracker/products/38">http://www.w3.org/Style/CSS/Tracker/products/38</a> 1.33 - 1.34 - <dt>Feedback:</dt> 1.35 - <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-device-adapt%5D%20feedback" 1.36 - >www-style@w3.org</a> 1.37 - with subject line “<kbd>[css-device-adapt] 1.38 - <var>… message topic …</var></kbd>” 1.39 - (<a rel="discussion" href="http://lists.w3.org/Archives/Public/www-style/" 1.40 - >archives</a>) 1.41 + href="https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&component=Device%20Adaptation">W3C 1.42 + Bugzilla</a> 1.43 + 1.44 + <dt>Feedback: 1.45 + 1.46 + <dd><a 1.47 + href="mailto:www-style@w3.org?subject=%5Bcss-device-adapt%5D%20feedback">www-style@w3.org</a> 1.48 + with subject line “<kbd>[css-device-adapt] <var>… message topic 1.49 + …</var></kbd>” (<a 1.50 + href="http://lists.w3.org/Archives/Public/www-style/" 1.51 + rel=discussion>archives</a>) 1.52 1.53 <dt>Editor: 1.54 1.55 @@ -127,20 +129,22 @@ 1.56 “css-device-adapt” in the subject, preferably like this: 1.57 “[<!---->css-device-adapt<!---->] <em>…summary of comment…</em>” 1.58 1.59 - <p>This document was produced by the <a href="/Style/CSS/members">CSS 1.60 - Working Group</a> (part of the <a href="/Style/">Style Activity</a>). 1.61 + <p>This document was produced by the <a 1.62 + href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of 1.63 + the <a href="http://www.w3.org/Style/">Style Activity</a>). 1.64 1.65 <p>This document was produced by a group operating under the <a 1.66 - href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent 1.67 - Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status" 1.68 + href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 1.69 + 2004 W3C Patent Policy</a>. W3C maintains a <a 1.70 + href="http://www.w3.org/2004/01/pp-impl/32061/status" 1.71 rel=disclosure>public list of any patent disclosures</a> made in 1.72 connection with the deliverables of the group; that page also includes 1.73 instructions for disclosing a patent. An individual who has actual 1.74 knowledge of a patent which the individual believes contains <a 1.75 - href="/Consortium/Patent-Policy-20040205/#def-essential">Essential 1.76 + href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential 1.77 Claim(s)</a> must disclose the information in accordance with <a 1.78 - href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the 1.79 - W3C Patent Policy</a>.</p> 1.80 + href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 1.81 + 6 of the W3C Patent Policy</a>.</p> 1.82 <!--end-status--> 1.83 1.84 <h2 class="no-num no-toc" id=table-of-contents>Table of Contents</h2> 1.85 @@ -392,10 +396,10 @@ 1.86 that it is enough to set the width as the height will be resolved from 1.87 the width. 1.88 1.89 - <pre><!-- 1.90 - -->@viewport { 1.91 -<!-- --> width: device-width; 1.92 -<!-- -->}<!-- 1.93 + <pre><!-- 1.94 + -->@viewport { 1.95 +<!-- --> width: device-width; 1.96 +<!-- -->}<!-- 1.97 --></pre> 1.98 </div> 1.99 1.100 @@ -406,10 +410,10 @@ 1.101 href="http://www.w3.org/TR/CSS21/grammar.html">Grammar appendix</a> of CSS 1.102 2.1 <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>): 1.103 1.104 - <pre><!-- 1.105 - -->viewport 1.106 -<!----> : VIEWPORT_SYM S* 1.107 -<!----> '{' S* declaration? [ ';' S* declaration? ]* '}' S*<!-- 1.108 + <pre><!-- 1.109 + -->viewport 1.110 +<!----> : VIEWPORT_SYM S* 1.111 +<!----> '{' S* declaration? [ ';' S* declaration? ]* '}' S*<!-- 1.112 -->;</pre> 1.113 1.114 <p>with the new token: 1.115 @@ -418,19 +422,19 @@ 1.116 1.117 <p> where: 1.118 1.119 - <pre>V v|\\0{0,4}(56|76)(\r\n|[ \t\r\n\f])?|\\v 1.120 + <pre>V v|\\0{0,4}(56|76)(\r\n|[ \t\r\n\f])?|\\v 1.121 <!-- -->W w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre> 1.122 1.123 <p>The <code>viewport</code> non-terminal is added to the 1.124 <code>stylesheet</code> production along with the <code>ruleset</code>, 1.125 <code>media</code>, and <code>page</code> non-terminals: 1.126 1.127 - <pre><!-- 1.128 - -->stylesheet 1.129 -<!-- --> : [ CHARSET_SYM STRING ';' ]? 1.130 -<!-- --> [S|CDO|CDC]* [ import [ CDO S* | CDC S* ]* ]* 1.131 -<!-- --> [ [ ruleset | media | page | viewport ] [ CDO S* | CDC S* ]* ]* 1.132 -<!-- --> ;<!-- 1.133 + <pre><!-- 1.134 + -->stylesheet 1.135 +<!-- --> : [ CHARSET_SYM STRING ';' ]? 1.136 +<!-- --> [S|CDO|CDC]* [ import [ CDO S* | CDC S* ]* ]* 1.137 +<!-- --> [ [ ruleset | media | page | viewport ] [ CDO S* | CDC S* ]* ]* 1.138 +<!-- --> ;<!-- 1.139 --></pre> 1.140 1.141 <p>It is also added to media production to allow <code 1.142 @@ -439,10 +443,10 @@ 1.143 2.1 syntax. A draft of CSS3 Paged Media also allows page inside 1.144 @media.</span>: 1.145 1.146 - <pre><!-- 1.147 - -->media 1.148 -<!-- --> : MEDIA_SYM S* media_list LBRACE S* [ ruleset | viewport ]* '}' S* 1.149 -<!-- --> ;<!-- 1.150 + <pre><!-- 1.151 + -->media 1.152 +<!-- --> : MEDIA_SYM S* media_list LBRACE S* [ ruleset | viewport ]* '}' S* 1.153 +<!-- --> ;<!-- 1.154 --></pre> 1.155 1.156 <h2 id=viewport-descriptors><span class=secno>5. </span>Viewport 1.157 @@ -1295,18 +1299,18 @@ 1.158 <p>Given a device-width of 320px and a UA stylesheet viewport width of 1.159 980px, the first media query will not match, but the second will. 1.160 1.161 - <pre><!-- 1.162 - -->@viewport { 1.163 -<!-- --> width: device-width; 1.164 -<!-- -->} 1.165 -<!-- --> 1.166 -<!-- -->@media screen and (min-width: 400px) { 1.167 -<!-- --> div { color: red; } 1.168 -<!-- -->} 1.169 -<!-- --> 1.170 -<!-- -->@media screen and (max-width: 400px) { 1.171 -<!-- --> div { color: green; } 1.172 -<!-- -->}<!-- 1.173 + <pre><!-- 1.174 + -->@viewport { 1.175 +<!-- --> width: device-width; 1.176 +<!-- -->} 1.177 +<!-- --> 1.178 +<!-- -->@media screen and (min-width: 400px) { 1.179 +<!-- --> div { color: red; } 1.180 +<!-- -->} 1.181 +<!-- --> 1.182 +<!-- -->@media screen and (max-width: 400px) { 1.183 +<!-- --> div { color: green; } 1.184 +<!-- -->}<!-- 1.185 --></pre> 1.186 </div> 1.187 1.188 @@ -1317,14 +1321,14 @@ 1.189 class=css>@viewport</code> rule is applied before the media query is 1.190 evaluated. 1.191 1.192 - <pre><!-- 1.193 - -->@media screen and (width: 397px) { 1.194 -<!-- --> div { color: green; } 1.195 -<!-- -->} 1.196 -<!-- --> 1.197 -<!-- -->@viewport { 1.198 -<!-- --> width: 397px; 1.199 -<!-- -->}<!-- 1.200 + <pre><!-- 1.201 + -->@media screen and (width: 397px) { 1.202 +<!-- --> div { color: green; } 1.203 +<!-- -->} 1.204 +<!-- --> 1.205 +<!-- -->@viewport { 1.206 +<!-- --> width: 397px; 1.207 +<!-- -->}<!-- 1.208 --></pre> 1.209 </div> 1.210 1.211 @@ -1338,20 +1342,20 @@ 1.212 the <a href="#actual-viewport">actual viewport</a> is used for evaluating 1.213 the media query when applying style rules. 1.214 1.215 - <pre><!-- 1.216 - -->@viewport { 1.217 -<!-- --> width: 397px; 1.218 -<!-- -->} 1.219 -<!-- --> 1.220 -<!-- -->@media screen and (width: 397px) { 1.221 -<!-- --> @viewport { 1.222 -<!-- --> width: 500px; 1.223 -<!-- --> } 1.224 -<!-- -->} 1.225 -<!-- --> 1.226 -<!-- -->@media screen and (width: 397px) { 1.227 -<!-- --> div { color: green; } 1.228 -<!-- -->}<!-- 1.229 + <pre><!-- 1.230 + -->@viewport { 1.231 +<!-- --> width: 397px; 1.232 +<!-- -->} 1.233 +<!-- --> 1.234 +<!-- -->@media screen and (width: 397px) { 1.235 +<!-- --> @viewport { 1.236 +<!-- --> width: 500px; 1.237 +<!-- --> } 1.238 +<!-- -->} 1.239 +<!-- --> 1.240 +<!-- -->@media screen and (width: 397px) { 1.241 +<!-- --> div { color: green; } 1.242 +<!-- -->}<!-- 1.243 --></pre> 1.244 </div> 1.245 1.246 @@ -1389,12 +1393,12 @@ 1.247 1.248 <dd> 1.249 <div class=idl-code> 1.250 - <pre><!-- 1.251 - -->interface CSSRule { 1.252 -<!-- --> ... 1.253 -<!-- --> const unsigned short VIEWPORT_RULE = 15; 1.254 -<!-- --> ... 1.255 -<!-- -->};<!-- 1.256 + <pre><!-- 1.257 + -->interface CSSRule { 1.258 +<!-- --> ... 1.259 +<!-- --> const unsigned short VIEWPORT_RULE = 15; 1.260 +<!-- --> ... 1.261 +<!-- -->};<!-- 1.262 --></pre> 1.263 </div> 1.264 </dl> 1.265 @@ -1411,10 +1415,10 @@ 1.266 1.267 <dd> 1.268 <div class=idl-code> 1.269 - <pre><!-- 1.270 - -->interface CSSViewportRule : CSSRule { 1.271 -<!-- --> readonly attribute CSSStyleDeclaration style; 1.272 -<!-- -->};<!-- 1.273 + <pre><!-- 1.274 + -->interface CSSViewportRule : CSSRule { 1.275 +<!-- --> readonly attribute CSSStyleDeclaration style; 1.276 +<!-- -->};<!-- 1.277 --></pre> 1.278 </div> 1.279 1.280 @@ -1487,12 +1491,12 @@ 1.281 section on <a href="#ua-stylesheets">UA stylesheets</a> for an elaborate 1.282 description. 1.283 1.284 - <pre><!-- 1.285 - -->@viewport { 1.286 -<!-- --> width: extend-to-zoom 980px; 1.287 -<!-- --> min-zoom: 0.25; 1.288 -<!-- --> max-zoom: 5; 1.289 -<!-- -->}<!-- 1.290 + <pre><!-- 1.291 + -->@viewport { 1.292 +<!-- --> width: extend-to-zoom 980px; 1.293 +<!-- --> min-zoom: 0.25; 1.294 +<!-- --> max-zoom: 5; 1.295 +<!-- -->}<!-- 1.296 --></pre> 1.297 1.298 <p class=note>Note that these values might not fit well with all UAs. For 1.299 @@ -1561,114 +1565,114 @@ 1.300 <li>Semicolon (0x3b) 1.301 </ul> 1.302 1.303 - <pre class=algorithm><!-- 1.304 + <pre class=algorithm><!-- 1.305 --><span class=method><span 1.306 class=method-name>Parse-Content</span>(<span 1.307 - class=variable>S</span>)</span> 1.308 + class=variable>S</span>)</span> 1.309 <!----><span class=statement><span 1.310 - class=variable>i</span> ← 1</span> 1.311 + class=variable>i</span> ← 1</span> 1.312 <!----><span class=statement><span 1.313 class=keyword>while</span> <span class=variable>i</span> ≤ <span 1.314 - class=op>length</span>[<span class=variable>S</span>]</span> 1.315 + class=op>length</span>[<span class=variable>S</span>]</span> 1.316 <!----><span 1.317 class=statement> <span class=keyword>do</span> <span 1.318 class=keyword>while</span> <span class=variable>i</span> ≤ <span 1.319 class=op>length</span>[<span class=variable>S</span>] and <span 1.320 class=variable>S</span>[<span 1.321 - class=variable>i</span>] in [whitespace, separator, '=']</span> 1.322 + class=variable>i</span>] in [whitespace, separator, '=']</span> 1.323 <!----><span 1.324 class=statement> <span class=keyword>do</span> <span 1.325 - class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.326 + class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.327 <!----><span 1.328 class=statement> <span class=keyword>if</span> <span 1.329 class=variable>i</span> ≤ <span class=op>length</span>[<span 1.330 - class=variable>S</span>]</span> 1.331 + class=variable>S</span>]</span> 1.332 <!----><span 1.333 class=statement> <span class=keyword>then</span> <span 1.334 class=variable>i</span> ← <span 1.335 class=method-name>Parse-Property</span>(<span 1.336 - class=variable>S</span>, <span class=variable>i</span>)</span> 1.337 -<!----> 1.338 + class=variable>S</span>, <span class=variable>i</span>)</span> 1.339 +<!----> 1.340 <!----><span 1.341 class=method><span class=method-name>Parse-Property</span>(<span 1.342 - class=variable>S</span>, <span class=variable>i</span>)</span> 1.343 + class=variable>S</span>, <span class=variable>i</span>)</span> 1.344 <!----><span 1.345 class=statement><span class=variable>start</span> ← <span 1.346 - class=variable>i</span></span> 1.347 + class=variable>i</span></span> 1.348 <!----><span class=statement><span 1.349 class=keyword>while</span> <span class=variable>i</span> ≤ <span 1.350 class=op>length</span>[<span class=variable>S</span>] and <span 1.351 class=variable>S</span>[<span class=variable>i</span>] <span 1.352 - class=keyword>not</span> in [whitespace, separator, '=']</span> 1.353 + class=keyword>not</span> in [whitespace, separator, '=']</span> 1.354 <!----><span 1.355 class=statement> <span class=keyword>do</span> <span 1.356 - class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.357 + class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.358 <!----><span 1.359 class=statement><span class=keyword>if</span> <span 1.360 class=variable>i</span> > <span class=op>length</span>[<span 1.361 class=variable>S</span>] or <span class=variable>S</span>[<span 1.362 - class=variable>i</span>] in [separator]</span> 1.363 + class=variable>i</span>] in [separator]</span> 1.364 <!----><span 1.365 class=statement> <span class=keyword>then</span> <span 1.366 - class=keyword>return</span> <span class=variable>i</span></span> 1.367 + class=keyword>return</span> <span class=variable>i</span></span> 1.368 <!----><span 1.369 class=statement><span class=variable>property-name</span> ← <span 1.370 class=variable>S</span>[<span class=variable>start</span> .. (<span 1.371 - class=variable>i</span> - 1)]</span> 1.372 + class=variable>i</span> - 1)]</span> 1.373 <!----><span class=statement><span 1.374 class=keyword>while</span> <span class=variable>i</span> ≤ <span 1.375 class=op>length</span>[<span class=variable>S</span>] and <span 1.376 class=variable>S</span>[<span class=variable>i</span>] <span 1.377 - class=keyword>not</span> in [separator, '=']</span> 1.378 + class=keyword>not</span> in [separator, '=']</span> 1.379 <!----><span 1.380 class=statement> <span class=keyword>do</span> <span 1.381 - class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.382 + class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.383 <!----><span 1.384 class=statement><span class=keyword>if</span> <span 1.385 class=variable>i</span> > <span class=op>length</span>[<span 1.386 class=variable>S</span>] or <span class=variable>S</span>[<span 1.387 - class=variable>i</span>] in [separator]</span> 1.388 + class=variable>i</span>] in [separator]</span> 1.389 <!----><span 1.390 class=statement> <span class=keyword>then</span> <span 1.391 - class=keyword>return</span> <span class=variable>i</span></span> 1.392 + class=keyword>return</span> <span class=variable>i</span></span> 1.393 <!----><span 1.394 class=statement><span class=keyword>while</span> <span 1.395 class=variable>i</span> ≤ <span class=op>length</span>[<span 1.396 class=variable>S</span>] and <span class=variable>S</span>[<span 1.397 - class=variable>i</span>] in [whitespace, '=']</span> 1.398 + class=variable>i</span>] in [whitespace, '=']</span> 1.399 <!----><span 1.400 class=statement> <span class=keyword>do</span> <span 1.401 - class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.402 + class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.403 <!----><span 1.404 class=statement><span class=keyword>if</span> <span 1.405 class=variable>i</span> > <span class=op>length</span>[<span 1.406 class=variable>S</span>] or <span class=variable>S</span>[<span 1.407 - class=variable>i</span>] in [separator]</span> 1.408 + class=variable>i</span>] in [separator]</span> 1.409 <!----><span 1.410 class=statement> <span class=keyword>then</span> <span 1.411 - class=keyword>return</span> <span class=variable>i</span></span> 1.412 + class=keyword>return</span> <span class=variable>i</span></span> 1.413 <!----><span 1.414 class=statement><span class=variable>start</span> ← <span 1.415 - class=variable>i</span></span> 1.416 + class=variable>i</span></span> 1.417 <!----><span class=statement><span 1.418 class=keyword>while</span> <span class=variable>i</span> ≤ <span 1.419 class=op>length</span>[<span class=variable>S</span>] and <span 1.420 class=variable>S</span>[<span class=variable>i</span>] <span 1.421 - class=keyword>not</span> in [whitespace, separator, '=']</span> 1.422 + class=keyword>not</span> in [whitespace, separator, '=']</span> 1.423 <!----><span 1.424 class=statement> <span class=keyword>do</span> <span 1.425 - class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.426 + class=variable>i</span> ← <span class=variable>i</span> + 1</span> 1.427 <!----><span 1.428 class=statement><span class=variable>property-value</span> ← <span 1.429 class=variable>S</span>[<span class=variable>start</span> .. (<span 1.430 - class=variable>i</span> - 1)]</span> 1.431 + class=variable>i</span> - 1)]</span> 1.432 <!----><span class=statement><span 1.433 class=method-name>Set-Property</span>(<span 1.434 class=variable>property-name</span>, <span 1.435 - class=variable>property-value</span>)</span> 1.436 + class=variable>property-value</span>)</span> 1.437 <!----><span 1.438 class=statement><span class=keyword>return</span> <span 1.439 - class=variable>i</span></span><!-- 1.440 + class=variable>i</span></span><!-- 1.441 --></pre> 1.442 1.443 <p> <span class=method-name>Set-Property</span> matches the <a 1.444 @@ -1740,9 +1744,9 @@ 1.445 <p>For non-‘<a href="#auto0"><code class=css 1.446 title="auto!!zoom">auto</code></a>’ <code>extend-zoom</code>, let: 1.447 1.448 - <pre><!-- 1.449 - -->extend-width = initial-width / extend-zoom 1.450 -<!-- -->extend-height = initial-height / extend-zoom<!-- 1.451 + <pre><!-- 1.452 + -->extend-width = initial-width / extend-zoom 1.453 +<!-- -->extend-height = initial-height / extend-zoom<!-- 1.454 --></pre> 1.455 1.456 <p>Then, resolve for ‘<code class=css 1.457 @@ -1838,17 +1842,17 @@ 1.458 <div class=example> 1.459 <p>This <code class=html>META</code> element: 1.460 1.461 - <pre><!-- 1.462 - --><meta name="viewport" content="width=500, height=600"><!-- 1.463 + <pre><!-- 1.464 + --><meta name="viewport" content="width=500, height=600"><!-- 1.465 --></pre> 1.466 1.467 <p>translates into: 1.468 1.469 - <pre><!-- 1.470 - -->@viewport { 1.471 -<!-- --> width: extend-to-zoom 500px; 1.472 -<!-- --> height: extend-to-zoom 600px; 1.473 -<!-- -->}<!-- 1.474 + <pre><!-- 1.475 + -->@viewport { 1.476 +<!-- --> width: extend-to-zoom 500px; 1.477 +<!-- --> height: extend-to-zoom 600px; 1.478 +<!-- -->}<!-- 1.479 --></pre> 1.480 </div> 1.481 1.482 @@ -1872,35 +1876,35 @@ 1.483 <div class=example> 1.484 <p>This <code class=html>META</code> element: 1.485 1.486 - <pre><!-- 1.487 - --><meta name="viewport" content="initial-scale=1.0"><!-- 1.488 + <pre><!-- 1.489 + --><meta name="viewport" content="initial-scale=1.0"><!-- 1.490 --></pre> 1.491 1.492 <p>translates into: 1.493 1.494 - <pre><!-- 1.495 - -->@viewport { 1.496 -<!-- --> zoom: 1.0; 1.497 -<!-- --> width: extend-to-zoom; 1.498 -<!-- -->}<!-- 1.499 + <pre><!-- 1.500 + -->@viewport { 1.501 +<!-- --> zoom: 1.0; 1.502 +<!-- --> width: extend-to-zoom; 1.503 +<!-- -->}<!-- 1.504 --></pre> 1.505 </div> 1.506 1.507 <div class=example> 1.508 <p>This <code class=html>META</code> element: 1.509 1.510 - <pre><!-- 1.511 - --><meta name="viewport" content="initial-scale=2.0, height=device-width"><!-- 1.512 + <pre><!-- 1.513 + --><meta name="viewport" content="initial-scale=2.0, height=device-width"><!-- 1.514 --></pre> 1.515 1.516 <p>translates into: 1.517 1.518 - <pre><!-- 1.519 - -->@viewport { 1.520 -<!-- --> zoom: 2.0; 1.521 -<!-- --> width: auto; 1.522 -<!-- --> height: extend-to-zoom device-width; 1.523 -<!-- -->}<!-- 1.524 + <pre><!-- 1.525 + -->@viewport { 1.526 +<!-- --> zoom: 2.0; 1.527 +<!-- --> width: auto; 1.528 +<!-- --> height: extend-to-zoom device-width; 1.529 +<!-- -->}<!-- 1.530 --></pre> 1.531 </div> 1.532 1.533 @@ -1976,12 +1980,12 @@ 1.534 1.535 <p>will translate into this <code class=css>@viewport</code> block: 1.536 1.537 - <pre><!-- 1.538 - -->@viewport { 1.539 -<!-- --> width: 480px; 1.540 -<!-- --> zoom: 2.0; 1.541 -<!-- --> user-zoom: zoom; 1.542 -<!-- -->}<!-- 1.543 + <pre><!-- 1.544 + -->@viewport { 1.545 +<!-- --> width: 480px; 1.546 +<!-- --> zoom: 2.0; 1.547 +<!-- --> user-zoom: zoom; 1.548 +<!-- -->}<!-- 1.549 --></pre> 1.550 </div> 1.551 1.552 @@ -2008,8 +2012,8 @@ 1.553 class=css title="auto!!zoom">auto</code></a>’, let the actual zoom 1.554 factor be: 1.555 1.556 - <pre> 1.557 -<!---->zoom = MAX(initial-width / rendered-width, initial-height / rendered-height)<!-- 1.558 + <pre> 1.559 +<!---->zoom = MAX(initial-width / rendered-width, initial-height / rendered-height)<!-- 1.560 --></pre> 1.561 1.562 <p>The actual zoom factor should also be further limited by the [min-zoom, 1.563 @@ -2042,10 +2046,10 @@ 1.564 view documents. 1.565 1.566 <div class=example> 1.567 - <pre><!-- 1.568 - -->@viewport { 1.569 -<!-- --> min-width: 980px; 1.570 -<!-- -->}<!-- 1.571 + <pre><!-- 1.572 + -->@viewport { 1.573 +<!-- --> min-width: 980px; 1.574 +<!-- -->}<!-- 1.575 --></pre> 1.576 </div> 1.577 1.578 @@ -2065,16 +2069,16 @@ 1.579 <!-- Sorted by label --> 1.580 1.581 <dl class=bibliography> 1.582 - <dt style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.583 + <dd style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.584 <!----> 1.585 1.586 <dt id=CSS21>[CSS21] 1.587 1.588 <dd>Bert Bos; et al. <a 1.589 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style 1.590 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style 1.591 Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June 1.592 2011. W3C Recommendation. URL: <a 1.593 - href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a> 1.594 + href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a> 1.595 </dd> 1.596 <!----> 1.597
2.1 --- a/css-device-adapt/Overview.src.html Mon Apr 22 17:29:40 2013 -0700 2.2 +++ b/css-device-adapt/Overview.src.html Tue Apr 23 11:42:33 2013 +0200 2.3 @@ -28,18 +28,18 @@ 2.4 2.5 <dt>Previous version:</dt> 2.6 <dd><a href="http://www.w3.org/TR/2011/WD-css-device-adapt-20110915/"> 2.7 - http://www.w3.org/TR/2011/WD-css-device-adapt-20110915/</a> 2.8 + http://www.w3.org/TR/2011/WD-css-device-adapt-20110915/</a></dd> 2.9 2.10 - <dt>Issues List:</dt> 2.11 - <dd><a href="http://www.w3.org/Style/CSS/Tracker/products/38">http://www.w3.org/Style/CSS/Tracker/products/38</a> 2.12 + <dt>Issues List:</dt> 2.13 + <dd><a href="https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&component=Device%20Adaptation">W3C Bugzilla</a></dd> 2.14 2.15 - <dt>Feedback:</dt> 2.16 - <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-device-adapt%5D%20feedback" 2.17 + <dt>Feedback:</dt> 2.18 + <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-device-adapt%5D%20feedback" 2.19 >www-style@w3.org</a> 2.20 with subject line “<kbd>[css-device-adapt] 2.21 <var>… message topic …</var></kbd>” 2.22 (<a rel="discussion" href="http://lists.w3.org/Archives/Public/www-style/" 2.23 - >archives</a>) 2.24 + >archives</a>)</dd> 2.25 2.26 <dt>Editor:</dt> 2.27 <dd><a href="mailto:rune@opera.com">Rune Lillesveen</a> (<a href="http://www.opera.com/">Opera Software</a>)</dd>