[css-device-adapt] Link to Bugzilla for issue tracking.

Tue, 23 Apr 2013 11:42:33 +0200

author
Rune Lillesveen <rune@opera.com>
date
Tue, 23 Apr 2013 11:42:33 +0200
changeset 7985
1afcc421d5aa
parent 7984
2e18178b6451
child 7986
9b737ecc8598

[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 &ldquo;<kbd>[css-device-adapt] 
    1.38 -         <var>&hellip; message topic &hellip;</var></kbd>&rdquo;
    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> &gt; <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> &gt; <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> &gt; <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 -	-->&lt;meta name="viewport" content="width=500, height=600"&gt;<!--
   1.463 +   <pre><!--
   1.464 +	-->&lt;meta name="viewport" content="width=500, height=600"&gt;<!--
   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 -	-->&lt;meta name="viewport" content="initial-scale=1.0"&gt;<!--
   1.488 +   <pre><!--
   1.489 +	-->&lt;meta name="viewport" content="initial-scale=1.0"&gt;<!--
   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 -	-->&lt;meta name="viewport" content="initial-scale=2.0, height=device-width"&gt;<!--
   1.512 +   <pre><!--
   1.513 +	-->&lt;meta name="viewport" content="initial-scale=2.0, height=device-width"&gt;<!--
   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 &ldquo;<kbd>[css-device-adapt] 
    2.21           <var>&hellip; message topic &hellip;</var></kbd>&rdquo;
    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>

mercurial