- From: Rune Lillesveen via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 05 Sep 2011 11:24:08 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css-device-adapt
In directory hutz:/tmp/cvs-serv18482
Modified Files:
Overview.html Overview.src.html default.css
Log Message:
- Fixed html validation issues.
- Fixed link to CSS21 pixel definition.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css-device-adapt/Overview.html,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -d -r1.6 -r1.7
--- Overview.html 6 Jul 2011 10:27:30 -0000 1.6
+++ Overview.html 5 Sep 2011 11:24:06 -0000 1.7
@@ -2,7 +2,8 @@
"http://www.w3.org/TR/html4/strict.dtd">
<html lang=en>
- <head>
+ <head><meta content="text/html;charset=utf-8" http-equiv=Content-Type>
+
<title>CSS Device Adaptation</title>
<link href="http://dev.w3.org/csswg/default.css" rel=stylesheet
type="text/css">
@@ -17,7 +18,8 @@
<h1>CSS Device Adaptation</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 6 July 2011</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 5 September
+ 2011</h2>
<dl>
<dt>This version:
@@ -204,7 +206,7 @@
viewport</a>. Mobile/handheld device browsers have a viewport that is
generally a lot narrower than a desktop browser window at a zoom level
that gives a CSS pixel size <a
- href="http://www.w3.org/TR/CSS21/syndata.html#pixel-units">recommended
+ href="http://www.w3.org/TR/CSS21/syndata.html#length-units">recommended
</a> by CSS 2.1.
<p>The narrow viewport is a problem for documents designed to look good in
@@ -268,15 +270,15 @@
only parts of the <a href="#actual-viewport">actual viewport</a> to be
visible, the UA should offer a scrolling or panning mechanism.
- <p>It is recommended that initially the upper-left corners of the <span>
- actual viewport<span> and the window or viewing area are aligned if the
- base direction of the document is ltr. Similarly, that the upper-right
- corners are aligned when the base direction is rtl. The base direction for
- a document is defined as the computed value of the <code
- class=property>direction</code> property for the first <code
+ <p>It is recommended that initially the upper-left corners of the <a
+ href="#actual-viewport"> actual viewport</a> and the window or viewing
+ area are aligned if the base direction of the document is ltr. Similarly,
+ that the upper-right corners are aligned when the base direction is rtl.
+ The base direction for a document is defined as the computed value of the
+ <code class=property>direction</code> property for the first <code
class=html>BODY</code> element of an HTML or XHTML document. For other
document types, it is the computed <code class=property>direction</code>
- for the root element.</span></span>
+ for the root element.
<p class=issue>"dbaron: The question is, what does this do on the desktop
browser? (And what's a desktop browser)". Need to say that a "desktop"
@@ -339,13 +341,13 @@
<p> where:
<pre>V v|\\0{0,4}(56|76)(\r\n|[ \t\r\n\f])?|\\v
-<!------>W w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
-
- <p>The <code>viewport</code> non-terminal is added to the <code>stylesheet</code>
- production along with the <code>ruleset</code>, <code>media</code>, and
- <code>page</code> non-terminals:</p>
-
- <pre><!--
+<!-- -->W w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
+
+ <p>The <code>viewport</code> non-terminal is added to the
+ <code>stylesheet</code> production along with the <code>ruleset</code>,
+ <code>media</code>, and <code>page</code> non-terminals:
+
+ <pre><!--
-->stylesheet
<!-- --> : [ CHARSET_SYM STRING ';' ]?
<!-- --> [S|CDO|CDC]* [ import [ CDO S* | CDC S* ]* ]*
@@ -395,7 +397,7 @@
<tr>
<td><em>Initial:</em>
- <td><a href="#auto" title="auto!!length">auto<span></span></a>
+ <td><a href="#auto" title="auto!!length">auto</a>
<tr>
<td><em>Applies to:</em>
@@ -1134,8 +1136,7 @@
<dd>The document should be locked to portrait presentation.
- <dt>‘<code class=css><dfn
- id=landscape>landscape<dfn></dfn></dfn></code>’
+ <dt>‘<code class=css><dfn id=landscape>landscape</dfn></code>’
<dd>The document should be locked to landscape presentation.
</dl>
@@ -1306,7 +1307,7 @@
title="width!!resolved">width</code> and <code
title="height!!resolved">height</code> from min/max properties</h4>
- <ol start=2>
+ <ol id=ol2>
<li>If <code title="min-width!!resolved">min-width</code> or <code
title="max-width!!resolved">max-width</code> is not ‘<a
href="#auto"><code class=css title="auto!!length">auto</code></a>’,
@@ -1323,7 +1324,7 @@
<code title="min-zoom!!resolved">min-zoom</code> and <code
title="max-zoom!!resolved">max-zoom</code> values</h4>
- <ol start=4>
+ <ol id=ol4>
<li>If <code title="min-zoom!!resolved">min-zoom</code> is not ‘<a
href="#auto1"><code class=css
title="auto!!min-zoom">auto</code></a>’ and <code
@@ -1338,7 +1339,7 @@
title="zoom!!resolved">zoom</code> value to the <code>[min-zoom,
max-zoom]</code> range</h4>
- <ol start=5>
+ <ol id=ol5>
<li>If <code title="zoom!!resolved">zoom</code> is not ‘<a
href="#auto0"><code class=css title="auto!!zoom">auto</code></a>’,
set <code>zoom = MAX(min-zoom, MIN(max-zoom, zoom))</code>
@@ -1347,7 +1348,7 @@
<h4 class="no-num no-toc" id=resolve-width-value>Resolve <code
title="width!!resolved">width</code> value</h4>
- <ol start=6>
+ <ol id=ol6>
<li>If <code title="width!!resolved">width</code> and <code
title="zoom!!resolved">zoom</code> are both ‘<code
class=css>auto</code>’, set <code>width = initial-width</code>
@@ -1366,7 +1367,7 @@
<h4 class="no-num no-toc" id=resolve-height-value>Resolve <code
title="height!!resolved">height</code> value</h4>
- <ol start=9>
+ <ol id=ol9>
<li>If <code title="height!!resolved">height</code> is ‘<code
class=css>auto</code>’, set <code>height = width * (initial-height
/ initial-width)</code>
@@ -1378,7 +1379,7 @@
title="height!!resolved">height</code> to fill the window/viewing area for
the specified <code title="zoom!!resolved">zoom</code></h4>
- <ol start=10>
+ <ol id=ol10>
<li>If <code title="zoom!!resolved">zoom</code> or <code
title="max-zoom!!resolved">max-zoom</code> is not ‘<a
href="#auto0"><code class=css title="auto!!zoom">auto</code></a>’,
@@ -1428,7 +1429,7 @@
the default aspect ratio of the user agent.”
</blockquote>
- <p> For <code class=css>@viewport</code> rules, though, it is recommended
+ <p>For <code class=css>@viewport</code> rules, though, it is recommended
that they are applied before media queries for other rules are evaluated.
<p>Recommended procedure for applying CSS rules:
@@ -1696,7 +1697,7 @@
<!----><span class=statement><span class=keyword>while</span> <span class=variable>i</span> ≤ <span class=op>length</span>[<span class=variable>S</span>]</span>
<!----><span class=statement> <span class=keyword>do</span> <span class=keyword>while</span> <span class=variable>i</span> ≤ <span class=op>length</span>[<span class=variable>S</span>] and <span class=variable>S</span>[<span class=variable>i</span>] in [white-space, ',', '=']</span>
<!----><span class=statement> <span class=keyword>do</span> <span class=variable>i</span> ← <span class=variable>i</span> + 1</span>
-<!----><span class=statement> <span class=keyword>if</span> <span class=variable>i</span> ≤ <span class=op>length</span>[<span class=variable>S</span>]
+<!----><span class=statement> <span class=keyword>if</span> <span class=variable>i</span> ≤ <span class=op>length</span>[<span class=variable>S</span>]</span>
<!----><span class=statement> <span class=keyword>then</span> <span class=variable>i</span> ← <span class=method-name>Parse-Property</span>(<span class=variable>S</span>, <span class=variable>i</span>)</span>
<!---->
<!----><span class=method><span class=method-name>Parse-Property</span>(<span class=variable>S</span>, <span class=variable>i</span>)</span>
@@ -1720,7 +1721,7 @@
<!----><span class=statement><span class=variable>property-value</span> ← <span class=variable>S</span>[<span class=variable>start</span> .. (<span class=variable>i</span> - 1)]</span>
<!----><span class=statement><span class=method-name>Set-Property</span>(<span class=variable>property-name</span>, <span class=variable>property-value</span>)</span>
<!----><span class=statement><span class=keyword>return</span> <span class=variable>i</span></span><!--
- --></span></pre>
+ --></pre>
<p> <span class=method-name>Set-Property</span> matches the <a
href="#meta-properties">listed property names</a> case-insensitively. The
@@ -2043,7 +2044,7 @@
<tbody>
<tr>
- <td><a class=property href="#height">height</a>
+ <th><a class=property href="#height">height</a>
<td><viewport-length>{1,2}
@@ -2058,7 +2059,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#max-height">max-height</a>
+ <th><a class=property href="#max-height">max-height</a>
<td><viewport-length>
@@ -2073,7 +2074,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#max-width">max-width</a>
+ <th><a class=property href="#max-width">max-width</a>
<td><viewport-length>
@@ -2088,7 +2089,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#max-zoom">max-zoom</a>
+ <th><a class=property href="#max-zoom">max-zoom</a>
<td>auto | <number> | <percentage>
@@ -2103,7 +2104,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#min-height">min-height</a>
+ <th><a class=property href="#min-height">min-height</a>
<td><viewport-length>
@@ -2118,7 +2119,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#min-width">min-width</a>
+ <th><a class=property href="#min-width">min-width</a>
<td><viewport-length>
@@ -2133,7 +2134,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#min-zoom">min-zoom</a>
+ <th><a class=property href="#min-zoom">min-zoom</a>
<td>auto | <number> | <percentage>
@@ -2148,7 +2149,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#orientation">orientation</a>
+ <th><a class=property href="#orientation">orientation</a>
<td>auto | portrait | landscape
@@ -2163,7 +2164,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#resolution">resolution</a>
+ <th><a class=property href="#resolution">resolution</a>
<td>auto | device | <resolution>
@@ -2178,7 +2179,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#user-zoom">user-zoom</a>
+ <th><a class=property href="#user-zoom">user-zoom</a>
<td>zoom | fixed
@@ -2193,7 +2194,7 @@
<td>visual, continuous
<tr>
- <td><a class=property href="#width">width</a>
+ <th><a class=property href="#width">width</a>
<td><viewport-length>{1,2}
@@ -2208,7 +2209,7 @@
<td>visual, continuous
<tr>
- <td><span class=property>zoom</span>
+ <th><span class=property>zoom</span>
<td>auto | <number> | <percentage>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css-device-adapt/Overview.src.html,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -d -r1.6 -r1.7
--- Overview.src.html 6 Jul 2011 10:27:30 -0000 1.6
+++ Overview.src.html 5 Sep 2011 11:24:06 -0000 1.7
@@ -1,6 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>CSS Device Adaptation</title>
<link href="http://dev.w3.org/csswg/default.css" rel="stylesheet" type="text/css">
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel="stylesheet" type="text/css">
@@ -56,7 +57,7 @@
viewport</a>. Mobile/handheld device browsers have a viewport that is
generally a lot narrower than a desktop browser window at a zoom level
that gives a CSS pixel size
- <a href="http://www.w3.org/TR/CSS21/syndata.html#pixel-units">recommended
+ <a href="http://www.w3.org/TR/CSS21/syndata.html#length-units">recommended
</a> by CSS 2.1.</p>
<p>The narrow viewport is a problem for documents designed to look good in
@@ -114,7 +115,7 @@
scrolling or panning mechanism.</p>
<p>It is recommended that initially the upper-left corners of the <span>
- actual viewport<span> and the window or viewing area are aligned if the
+ actual viewport</span> and the window or viewing area are aligned if the
base direction of the document is ltr. Similarly, that the upper-right
corners are aligned when the base direction is rtl. The base direction for
a document is defined as the computed value of the
@@ -186,7 +187,7 @@
</p>
<pre>V v|\\0{0,4}(56|76)(\r\n|[ \t\r\n\f])?|\\v
-<!------>W w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
+<!-- -->W w|\\0{0,4}(57|77)(\r\n|[ \t\r\n\f])?|\\w</pre>
<p>The <code>viewport</code> non-terminal is added to the <code>stylesheet</code>
production along with the <code>ruleset</code>, <code>media</code>, and
@@ -239,7 +240,7 @@
<tr>
<td><em>Initial:</em></td>
- <td><span title="auto!!length">auto<span></td>
+ <td><span title="auto!!length">auto</span></td>
</tr>
<tr>
@@ -301,7 +302,7 @@
<tr>
<td><em>Percentages:</em></td>
- <td>Refer to the width of the <span>initial viewport</a></td>
+ <td>Refer to the width of the <span>initial viewport</span></td>
</tr>
<tr>
@@ -934,7 +935,7 @@
<dt>‘<code class="css"><dfn>portrait</dfn></code>’</dt>
<dd>The document should be locked to portrait presentation.</dd>
- <dt>‘<code class="css"><dfn>landscape<dfn></code>’</dt>
+ <dt>‘<code class="css"><dfn>landscape</dfn></code>’</dt>
<dd>The document should be locked to landscape presentation.</dd>
</dl>
@@ -1092,7 +1093,7 @@
<h4 class="no-num no-toc">Resolve initial <code title="width!!resolved">width</code> and
<code title="height!!resolved">height</code> from min/max properties</h4>
- <ol start="2">
+ <ol id="ol2">
<li>If <code title="min-width!!resolved">min-width</code> or
<code title="max-width!!resolved">max-width</code> is not
‘<code class="css" title="auto!!length">auto</code>’, set
@@ -1107,17 +1108,18 @@
<h4 class="no-num no-toc">Resolve <code title="min-zoom!!resolved">min-zoom</code>
and <code title="max-zoom!!resolved">max-zoom</code> values</h4>
- <ol start="4">
+ <ol id="ol4">
<li>If <code title="min-zoom!!resolved">min-zoom</code> is not
‘<code class="css" title="auto!!min-zoom">auto</code>’ and
<code title="max-zoom!!resolved">max-zoom</code> is not
‘<code class="css" title="auto!!max-zoom">auto</code>’,
set <code>max-zoom = MAX(min-zoom, max-zoom)</code></li>
+ </ol>
<h4 class="no-num no-toc">Constrain <code title="zoom!!resolved">zoom</code>
value to the <code>[min-zoom, max-zoom]</code> range</h4>
- <ol start="5">
+ <ol id="ol5">
<li>If <code title="zoom!!resolved">zoom</code> is not
‘<code class="css" title="auto!!zoom">auto</code>’,
set <code>zoom = MAX(min-zoom, MIN(max-zoom, zoom))</code></li>
@@ -1126,7 +1128,7 @@
<h4 class="no-num no-toc">Resolve <code title="width!!resolved">width</code>
value</h4>
- <ol start="6">
+ <ol id="ol6">
<li>If <code title="width!!resolved">width</code>
and <code title="zoom!!resolved">zoom</code> are both
‘<code class="css">auto</code>’, set <code>width =
@@ -1146,7 +1148,7 @@
<h4 class="no-num no-toc">Resolve <code title="height!!resolved">height</code>
value</h4>
- <ol start="9">
+ <ol id="ol9">
<li>If <code title="height!!resolved">height</code> is
‘<code class="css">auto</code>’, set <code>height = width *
(initial-height / initial-width)</code></li>
@@ -1156,7 +1158,7 @@
and <code title="height!!resolved">height</code> to fill the
window/viewing area for the specified <code title="zoom!!resolved">zoom</code></h4>
- <ol start="10">
+ <ol id="ol10">
<li>If <code title="zoom!!resolved">zoom</code>
or <code title="max-zoom!!resolved">max-zoom</code> is not
‘<code class="css"
@@ -1196,15 +1198,15 @@
<p class="issue">Bert: If you put @viewport, can you put @viewport in
@media? Say what it means?</p>
- <p>From the Media Queries specification [[!MEDIAQ]]</a>:
+ <p>From the Media Queries specification [[!MEDIAQ]]:</p>
- <blockquote>“To avoid circular dependencies, it is never necessary to apply the style
+ <blockquote><p>“To avoid circular dependencies, it is never necessary to apply the style
sheet in order to evaluate expressions. For example, the aspect ratio of a
printed document may be influenced by a style sheet, but expressions
involving ‘device-aspect-ratio’ will be based on the default aspect ratio
- of the user agent.”</blockquote>
+ of the user agent.”</p></blockquote>
- For <code class="css">@viewport</code> rules, though, it is recommended
+ <p>For <code class="css">@viewport</code> rules, though, it is recommended
that they are applied before media queries for other rules are evaluated.</p>
<p>Recommended procedure for applying CSS rules:</p>
@@ -1347,8 +1349,8 @@
<h2>Conformance</h2>
- <p>Requirements for a conforming UA:
- <ul>
+ <p>Requirements for a conforming UA:</p>
+ <ul>
<li><p>The ‘<code class="property">min-width</code>’,
‘<code class="property">max-width</code>’,
‘<code class="property">width</code>’,
@@ -1370,8 +1372,7 @@
<li><p>Support for the ‘<code class="property">user-zoom</code>’
and ‘<code class="property">orientation</code>’
properties is optional.</p></li>
- </ul>
- </p>
+ </ul>
<p class="issue">Need to say something about the resolution property if it
is kept.</p>
@@ -1445,7 +1446,7 @@
<!----><span class="statement"><span class="keyword">while</span> <span class="variable">i</span> ≤ <span class="op">length</span>[<span class="variable">S</span>]</span>
<!----><span class="statement"> <span class="keyword">do</span> <span class="keyword">while</span> <span class="variable">i</span> ≤ <span class="op">length</span>[<span class="variable">S</span>] and <span class="variable">S</span>[<span class="variable">i</span>] in [white-space, ',', '=']</span>
<!----><span class="statement"> <span class="keyword">do</span> <span class="variable">i</span> ← <span class="variable">i</span> + 1</span>
-<!----><span class="statement"> <span class="keyword">if</span> <span class="variable">i</span> ≤ <span class="op">length</span>[<span class="variable">S</span>]
+<!----><span class="statement"> <span class="keyword">if</span> <span class="variable">i</span> ≤ <span class="op">length</span>[<span class="variable">S</span>]</span>
<!----><span class="statement"> <span class="keyword">then</span> <span class="variable">i</span> ← <span class="method-name">Parse-Property</span>(<span class="variable">S</span>, <span class="variable">i</span>)</span>
<!---->
<!----><span class="method"><span class="method-name">Parse-Property</span>(<span class="variable">S</span>, <span class="variable">i</span>)</span>
@@ -1682,7 +1683,7 @@
<dt id="Algorithms">[Algorithms]</dt>
<dd>Thomas H. Cormen; et al. <cite>Introduction to
- Algorithms, Second Edition, MIT Press.</cite></a>
+ Algorithms, Second Edition, MIT Press.</cite>
</dd>
</dl>
Index: default.css
===================================================================
RCS file: /sources/public/csswg/css-device-adapt/default.css,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -d -r1.1 -r1.2
--- default.css 2 Nov 2010 08:21:08 -0000 1.1
+++ default.css 5 Sep 2011 11:24:06 -0000 1.2
@@ -45,3 +45,20 @@
.variable, .algorithm .operator, blockquote {
font-style: italic;
}
+
+ol { counter-reset: ol-counter; }
+#ol2 { counter-reset: ol-counter 1; }
+#ol4 { counter-reset: ol-counter 3; }
+#ol5 { counter-reset: ol-counter 4; }
+#ol6 { counter-reset: ol-counter 5; }
+#ol9 { counter-reset: ol-counter 8; }
+#ol10 { counter-reset: ol-counter 9; }
+
+ol li {
+ list-style-type: none;
+ counter-increment: ol-counter 1;
+}
+
+ol li:before {
+ content: counter(ol-counter) ". ";
+}
Received on Monday, 5 September 2011 11:24:11 UTC