11
11
rel =dcterms.rights >
12
12
< meta content ="CSS Device Adaptation " name =dcterms.title >
13
13
< meta content =text name =dcterms.type >
14
- < meta content =2013-10-03 name =dcterms.date >
14
+ < meta content =2013-10-04 name =dcterms.date >
15
15
< meta content ="Rune Lillesveen " name =dcterms.creator >
16
16
< meta content ="Øyvind Stenhaug " name =dcterms.creator >
17
17
< meta content ="Florian Rivoal " name =dcterms.creator >
30
30
31
31
< h1 > CSS Device Adaptation</ h1 >
32
32
33
- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 3 October 2013</ h2 >
33
+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 4 October 2013</ h2 >
34
34
35
35
< dl >
36
36
< dt > This version:
37
37
38
38
< dd > $Date$ (editor's draft)
39
- <!--<dd><a href="http://dev.w3.org/csswg/css-device-adapt/">http://www.w3.org/TR/2013/WD-css-device-adapt-20131003 /</a></dd>-->
39
+ <!--<dd><a href="http://dev.w3.org/csswg/css-device-adapt/">http://www.w3.org/TR/2013/WD-css-device-adapt-20131004 /</a></dd>-->
40
40
41
41
< dt > Latest version:
42
42
@@ -216,40 +216,37 @@ <h2 class="no-num no-toc" id=table-of-contents>Table of Contents</h2>
216
216
217
217
< li > < a href ="#cssom "> < span class =secno > 8. </ span > CSSOM</ a >
218
218
219
- < li > < a href ="#dom-interfaces "> < span class =secno > 9. </ span > DOM
220
- Interfaces</ a >
219
+ < li > < a href ="#conformance "> < span class =secno > 9. </ span > Conformance</ a >
221
220
222
- < li > < a href ="#conformance "> < span class =secno > 10. </ span > Conformance</ a >
223
-
224
- < li > < a href ="#viewport-meta "> < span class =secno > 11. </ span > Viewport < code
221
+ < li > < a href ="#viewport-meta "> < span class =secno > 10. </ span > Viewport < code
225
222
class =html > META</ code > element</ a >
226
223
< ul class =toc >
227
- < li > < a href ="#meta-properties "> < span class =secno > 11 .1.
224
+ < li > < a href ="#meta-properties "> < span class =secno > 10 .1.
228
225
</ span > Properties</ a >
229
226
230
- < li > < a href ="#parsing-algorithm "> < span class =secno > 11 .2. </ span > Parsing
227
+ < li > < a href ="#parsing-algorithm "> < span class =secno > 10 .2. </ span > Parsing
231
228
algorithm</ a >
232
229
233
- < li > < a href ="#lsquoextend-to-zoomrsquo "> < span class =secno > 11 .3.
230
+ < li > < a href ="#lsquoextend-to-zoomrsquo "> < span class =secno > 10 .3.
234
231
</ span > ‘< code class =css
235
232
title =extend-to-zoom > extend-to-zoom</ code > ’</ a >
236
233
237
234
< li > < a href ="#translation-into-atviewport-descriptors "> < span
238
- class =secno > 11 .4. </ span > Translation into < code
235
+ class =secno > 10 .4. </ span > Translation into < code
239
236
class =css > @viewport</ code > descriptors</ a >
240
237
</ ul >
241
238
242
- < li > < a href ="#handling-auto-zoom "> < span class =secno > 12 . </ span > Handling
239
+ < li > < a href ="#handling-auto-zoom "> < span class =secno > 11 . </ span > Handling
243
240
‘< code class =css title ="auto!!zoom "> auto</ code > ’ for ‘< code
244
241
class =descriptor title ="zoom!!descriptor "> zoom</ code > ’</ a >
245
242
246
- < li > < a href ="#ua-stylesheet "> < span class =secno > 13 . </ span > UA stylesheets
243
+ < li > < a href ="#ua-stylesheet "> < span class =secno > 12 . </ span > UA stylesheets
247
244
</ a >
248
245
< ul class =toc >
249
- < li > < a href ="#desktop-ua-styles- "> < span class =secno > 13 .1. </ span > Desktop
246
+ < li > < a href ="#desktop-ua-styles- "> < span class =secno > 12 .1. </ span > Desktop
250
247
UA styles </ a >
251
248
252
- < li > < a href ="#small-screen-ua-styles "> < span class =secno > 13 .2.
249
+ < li > < a href ="#small-screen-ua-styles "> < span class =secno > 12 .2.
253
250
</ span > Small screen UA styles</ a >
254
251
</ ul >
255
252
@@ -387,7 +384,7 @@ <h2 id=the-atviewport-rule><span class=secno>4. </span>The <code
387
384
rules. The declarations allow !important which will affect cascading of
388
385
descriptors accordingly.
389
386
390
- < p > < code class =css > @viewport</ code > rules apply to top- level documents
387
+ < p > < code class =css > @viewport</ code > rules apply to top level documents
391
388
only.
392
389
393
390
< div class =example >
@@ -1348,15 +1345,6 @@ <h2 id=media-queries><span class=secno>7. </span>Media Queries</h2>
1348
1345
1349
1346
< h2 id =cssom > < span class =secno > 8. </ span > CSSOM</ h2 >
1350
1347
1351
- < p class =issue > Properties in the CSSOM and CSSOM View specifications refer
1352
- to the < span > viewport</ span > and the < span > initial containing
1353
- block</ span > . If any of those properties should refer to the < a
1354
- href ="#initial-viewport "> initial viewport</ a > and not the < a
1355
- href ="#actual-viewport "> actual viewport</ a > , those exceptions need to be
1356
- adressed.
1357
-
1358
- < h2 id =dom-interfaces > < span class =secno > 9. </ span > DOM Interfaces</ h2 >
1359
-
1360
1348
< p > The < code class =css > @viewport</ code > rule is exposed to the CSSOM
1361
1349
through a new CSSRule interface
1362
1350
@@ -1418,7 +1406,7 @@ <h2 id=dom-interfaces><span class=secno>9. </span>DOM Interfaces</h2>
1418
1406
</ dl >
1419
1407
</ dl >
1420
1408
1421
- < h2 id =conformance > < span class =secno > 10 . </ span > Conformance</ h2 >
1409
+ < h2 id =conformance > < span class =secno > 9 . </ span > Conformance</ h2 >
1422
1410
1423
1411
< p > Requirements for a conforming UA:
1424
1412
@@ -1456,7 +1444,7 @@ <h2 id=conformance><span class=secno>10. </span>Conformance</h2>
1456
1444
descriptors is optional.
1457
1445
</ ul >
1458
1446
1459
- < h2 id =viewport-meta > < span class =secno > 11 . </ span > Viewport < code
1447
+ < h2 id =viewport-meta > < span class =secno > 10 . </ span > Viewport < code
1460
1448
class =html > META</ code > element</ h2 >
1461
1449
1462
1450
< p > < em > This section is not normative.</ em >
@@ -1485,7 +1473,7 @@ <h2 id=viewport-meta><span class=secno>11. </span>Viewport <code
1485
1473
device like the original iPhone, but only 960px if you have a 240px
1486
1474
display (all widths being given in CSS pixel units).
1487
1475
1488
- < h3 id =meta-properties > < span class =secno > 11 .1. </ span > Properties</ h3 >
1476
+ < h3 id =meta-properties > < span class =secno > 10 .1. </ span > Properties</ h3 >
1489
1477
1490
1478
< p > The recognized properties in the viewport < code class =html > META</ code >
1491
1479
element are:
@@ -1505,7 +1493,7 @@ <h3 id=meta-properties><span class=secno>11.1. </span>Properties</h3>
1505
1493
< li > < code class =index id =user-scalable > user-scalable</ code >
1506
1494
</ ul >
1507
1495
1508
- < h3 id =parsing-algorithm > < span class =secno > 11 .2. </ span > Parsing algorithm</ h3 >
1496
+ < h3 id =parsing-algorithm > < span class =secno > 10 .2. </ span > Parsing algorithm</ h3 >
1509
1497
1510
1498
< p > Below is an algorithm for parsing the < code class =html > content</ code >
1511
1499
attribute of the < code class =html > META</ code > tag produced from testing
@@ -1677,7 +1665,7 @@ <h3 id=parsing-algorithm><span class=secno>11.2. </span>Parsing algorithm</h3>
1677
1665
unknown.
1678
1666
</ ol >
1679
1667
1680
- < h3 id =lsquoextend-to-zoomrsquo > < span class =secno > 11 .3. </ span > ‘< code
1668
+ < h3 id =lsquoextend-to-zoomrsquo > < span class =secno > 10 .3. </ span > ‘< code
1681
1669
class =css title =extend-to-zoom > extend-to-zoom</ code > ’</ h3 >
1682
1670
1683
1671
< p > In order to be able to implement the functionality from < code
@@ -1773,7 +1761,7 @@ <h4 class="no-num no-toc" id=resolving-lsquoextend-to-zoomrsquo>Resolving
1773
1761
</ ol >
1774
1762
</ ul >
1775
1763
1776
- < h3 id =translation-into-atviewport-descriptors > < span class =secno > 11 .4.
1764
+ < h3 id =translation-into-atviewport-descriptors > < span class =secno > 10 .4.
1777
1765
</ span > Translation into < code class =css > @viewport</ code > descriptors</ h3 >
1778
1766
1779
1767
< p > The Viewport < code class =html > META</ code > element is placed in the
@@ -1976,7 +1964,7 @@ <h4 class="no-num no-toc" id=the-user-scalable-property>The <code
1976
1964
--> </ pre >
1977
1965
</ div >
1978
1966
1979
- < h2 id =handling-auto-zoom > < span class =secno > 12 . </ span > Handling ‘< a
1967
+ < h2 id =handling-auto-zoom > < span class =secno > 11 . </ span > Handling ‘< a
1980
1968
href ="#auto0 "> < code class =css title ="auto!!zoom "> auto</ code > </ a > ’ for
1981
1969
‘< code class =descriptor title ="zoom!!descriptor "> zoom</ code > ’</ h2 >
1982
1970
@@ -2006,7 +1994,7 @@ <h2 id=handling-auto-zoom><span class=secno>12. </span>Handling ‘<a
2006
1994
< p > The actual zoom factor should also be further limited by the [min-zoom,
2007
1995
max-zoom] range.
2008
1996
2009
- < h2 id =ua-stylesheet > < span class =secno > 13 . </ span > UA stylesheets</ h2 >
1997
+ < h2 id =ua-stylesheet > < span class =secno > 12 . </ span > UA stylesheets</ h2 >
2010
1998
2011
1999
< p > < em > This section is informative</ em >
2012
2000
@@ -2016,15 +2004,15 @@ <h2 id=ua-stylesheet><span class=secno>13. </span>UA stylesheets</h2>
2016
2004
computer to have. In that sense, it could include tablet PC and TV
2017
2005
browsers.
2018
2006
2019
- < h3 id =desktop-ua-styles- > < span class =secno > 13 .1. </ span > Desktop UA styles</ h3 >
2007
+ < h3 id =desktop-ua-styles- > < span class =secno > 12 .1. </ span > Desktop UA styles</ h3 >
2020
2008
2021
2009
< p > For a desktop browser, the recommendation is to have no UA styles. That
2022
2010
means that it will have all descriptors initially set to ‘< code
2023
2011
class =css > auto</ code > ’, and behave as it would have without support for
2024
2012
viewport descriptors if there are no viewport descriptors in the user or
2025
2013
author styles.
2026
2014
2027
- < h3 id =small-screen-ua-styles > < span class =secno > 13 .2. </ span > Small screen
2015
+ < h3 id =small-screen-ua-styles > < span class =secno > 12 .2. </ span > Small screen
2028
2016
UA styles</ h3 >
2029
2017
2030
2018
< p > For smaller screen UAs like smartphone browsers, the UA could typically
@@ -2229,7 +2217,7 @@ <h2 class=no-num id=index>Index</h2>
2229
2217
< li > device-height
2230
2218
< ul >
2231
2219
< li > viewport META, < a href ="#device-height "
2232
- title ="section 11 .2. "> 11 .2.</ a > , < a href ="#device-height0 "
2220
+ title ="section 10 .2. "> 10 .2.</ a > , < a href ="#device-height0 "
2233
2221
title ="section ?? "> ??</ a > , < a href ="#device-height1 "
2234
2222
title ="section ?? "> ??</ a > , < a href ="#device-height2 "
2235
2223
title ="section ?? "> ??</ a >
@@ -2238,7 +2226,7 @@ <h2 class=no-num id=index>Index</h2>
2238
2226
< li > device-width
2239
2227
< ul >
2240
2228
< li > viewport META, < a href ="#device-width "
2241
- title ="section 11 .2. "> 11 .2.</ a > , < a href ="#device-width0 "
2229
+ title ="section 10 .2. "> 10 .2.</ a > , < a href ="#device-width0 "
2242
2230
title ="section ?? "> ??</ a > , < a href ="#device-width1 "
2243
2231
title ="section ?? "> ??</ a > , < a href ="#device-width2 "
2244
2232
title ="section ?? "> ??</ a >
@@ -2254,13 +2242,13 @@ <h2 class=no-num id=index>Index</h2>
2254
2242
2255
2243
< li > resolved, < a href ="#height0 " title ="section 6.1. "> 6.1.</ a >
2256
2244
2257
- < li > viewport META, < a href ="#height1 " title ="section 11 .1. "> 11 .1.</ a > ,
2245
+ < li > viewport META, < a href ="#height1 " title ="section 10 .1. "> 10 .1.</ a > ,
2258
2246
< a href ="#height2 " title ="section ?? "> ??</ a > , < a href ="#height3 "
2259
2247
title ="section ?? "> ??</ a >
2260
2248
</ ul >
2261
2249
2262
2250
< li > initial-scale, < a href ="#initial-scale "
2263
- title ="section 11 .1. "> 11 .1.</ a > , < a href ="#initial-scale0 "
2251
+ title ="section 10 .1. "> 10 .1.</ a > , < a href ="#initial-scale0 "
2264
2252
title ="section ?? "> ??</ a >
2265
2253
2266
2254
< li > initial viewport, < a href ="#initial-viewport "
@@ -2273,7 +2261,7 @@ <h2 class=no-num id=index>Index</h2>
2273
2261
title ="section 5.3. "> < strong > 5.3.</ strong > </ a >
2274
2262
2275
2263
< li > maximum-scale, < a href ="#maximum-scale "
2276
- title ="section 11 .1. "> 11 .1.</ a > , < a href ="#maximum-scale0 "
2264
+ title ="section 10 .1. "> 10 .1.</ a > , < a href ="#maximum-scale0 "
2277
2265
title ="section ?? "> ??</ a >
2278
2266
2279
2267
< li > max-width, < a href ="#max-width "
@@ -2286,7 +2274,7 @@ <h2 class=no-num id=index>Index</h2>
2286
2274
title ="section 5.3. "> < strong > 5.3.</ strong > </ a >
2287
2275
2288
2276
< li > minimum-scale, < a href ="#minimum-scale "
2289
- title ="section 11 .1. "> 11 .1.</ a > , < a href ="#minimum-scale0 "
2277
+ title ="section 10 .1. "> 10 .1.</ a > , < a href ="#minimum-scale0 "
2290
2278
title ="section ?? "> ??</ a >
2291
2279
2292
2280
< li > min-width, < a href ="#min-width "
@@ -2295,7 +2283,7 @@ <h2 class=no-num id=index>Index</h2>
2295
2283
< li > min-zoom, < a href ="#min-zoom "
2296
2284
title ="section 5.6. "> < strong > 5.6.</ strong > </ a >
2297
2285
2298
- < li > no, < a href ="#no " title ="section 11 .2. "> 11 .2.</ a > , < a href ="#no0 "
2286
+ < li > no, < a href ="#no " title ="section 10 .2. "> 10 .2.</ a > , < a href ="#no0 "
2299
2287
title ="section ?? "> ??</ a > , < a href ="#no1 " title ="section ?? "> ??</ a >
2300
2288
2301
2289
< li > orientation, < a href ="#orientation "
@@ -2310,7 +2298,7 @@ <h2 class=no-num id=index>Index</h2>
2310
2298
title ="section 6.2. "> < strong > 6.2.</ strong > </ a >
2311
2299
2312
2300
< li > user-scalable, < a href ="#user-scalable "
2313
- title ="section 11 .1. "> 11 .1.</ a > , < a href ="#user-scalable0 "
2301
+ title ="section 10 .1. "> 10 .1.</ a > , < a href ="#user-scalable0 "
2314
2302
title ="section ?? "> ??</ a > , < a href ="#user-scalable1 "
2315
2303
title ="section ?? "> ??</ a >
2316
2304
@@ -2328,12 +2316,12 @@ <h2 class=no-num id=index>Index</h2>
2328
2316
2329
2317
< li > resolved, < a href ="#width0 " title ="section 6.1. "> 6.1.</ a >
2330
2318
2331
- < li > viewport META, < a href ="#width1 " title ="section 11 .1. "> 11 .1.</ a > , < a
2319
+ < li > viewport META, < a href ="#width1 " title ="section 10 .1. "> 10 .1.</ a > , < a
2332
2320
href ="#width2 " title ="section ?? "> ??</ a > , < a href ="#width3 "
2333
2321
title ="section ?? "> ??</ a >
2334
2322
</ ul >
2335
2323
2336
- < li > yes, < a href ="#yes " title ="section 11 .2. "> 11 .2.</ a > , < a href ="#yes0 "
2324
+ < li > yes, < a href ="#yes " title ="section 10 .2. "> 10 .2.</ a > , < a href ="#yes0 "
2337
2325
title ="section ?? "> ??</ a > , < a href ="#yes1 " title ="section ?? "> ??</ a >
2338
2326
2339
2327
< li > zoom, < a href ="#zoom " title ="section 5.5. "> < strong > 5.5.</ strong > </ a >
0 commit comments