Make it clearer that vw/vh are percentages of the viewport

Author: fantasai

css3-values/Overview.html

@@ -26,14 +26,14 @@
 
    <h1>CSS Values and Units Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 11 October
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 October
     2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
-     href="http://www.w3.org/TR/2011/ED-css3-values-20111011/">http://www.w3.org/TR/2011/ED-css3-values-20111011/</a>
+     href="http://www.w3.org/TR/2011/ED-css3-values-20111025/">http://www.w3.org/TR/2011/ED-css3-values-20111025/</a>
 
     <dt>Latest version:
 
@@ -220,7 +220,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
         units</a>
 
        <li><a href="#viewport-relative-lengths"><span class=secno>5.1.2.
-        </span> Viewport-relative lengths: the &lsquo;<code
+        </span> Viewport-percentage lengths: the &lsquo;<code
         class=css>vw</code>&rsquo;, &lsquo;<code class=css>vh</code>&rsquo;,
         &lsquo;<code class=css>vm</code>&rsquo; units</a>
       </ul>
@@ -964,19 +964,19 @@ <h4 id=font-relative-lengths><span class=secno>5.1.1. </span> Font-relative
   </dl>
 
   <h4 id=viewport-relative-lengths><span class=secno>5.1.2. </span>
-   Viewport-relative lengths: the &lsquo;<a href="#vw-unit"><code
+   Viewport-percentage lengths: the &lsquo;<a href="#vw-unit"><code
    class=css>vw</code></a>&rsquo;, &lsquo;<a href="#vh-unit"><code
    class=css>vh</code></a>&rsquo;, &lsquo;<a href="#vm-unit"><code
    class=css>vm</code></a>&rsquo; units</h4>
 
-  <p>The viewport-relative lengths are relative to the size of the initial
+  <p>The viewport-percentage lengths are relative to the size of the initial
    containing block. When the height or width of the viewport is changed,
-   they are scaled proportionally.
+   they are scaled accordingly.
 
   <dl>
    <dt><dfn id=vw-unit title=vw>vw unit</dfn>
 
-   <dd>Equal to 1/100th of the width of the initial containing block.
+   <dd>Equal to 1% of the width of the initial containing block.
     <div class=example>
      <p>In the example below, if the width of the viewport is 200mm, the font
       size of <code>h1</code> elements will be 16mm (i.e.
@@ -987,7 +987,7 @@ <h4 id=viewport-relative-lengths><span class=secno>5.1.2. </span>
 
    <dt><dfn id=vh-unit title=vh>vh unit</dfn>
 
-   <dd>Equal to 1/100th of the height of the initial containing block.
+   <dd>Equal to 1% of the height of the initial containing block.
 
    <dt><dfn id=vm-unit title=vm>vm unit</dfn>
 

css3-values/Overview.src.html

@@ -582,15 +582,15 @@ <h4 id="font-relative-lengths">
 	</dl>
 
 <h4 id="viewport-relative-lengths">
-Viewport-relative lengths: the ''vw'', ''vh'', ''vm'' units</h4>
+Viewport-percentage lengths: the ''vw'', ''vh'', ''vm'' units</h4>
 
-	<p>The viewport-relative lengths are relative to the size of the initial
+	<p>The viewport-percentage lengths are relative to the size of the initial
 	containing block. When the height or width of the viewport is changed,
-	they are scaled proportionally.
+	they are scaled accordingly.
 
 	<dl>
 		<dt><dfn title="vw">vw unit</dfn>
-		<dd>Equal to 1/100th of the width of the initial containing block.
+		<dd>Equal to 1% of the width of the initial containing block.
 		<div class="example">
 			<p>In the example below, if the width of the viewport is 200mm,
 			the font size of <code>h1</code> elements will be
@@ -599,7 +599,7 @@ <h4 id="viewport-relative-lengths">
 		</div>
 
 		<dt><dfn title="vh">vh unit</dfn>
-		<dd>Equal to 1/100th of the height of the initial containing block.
+		<dd>Equal to 1% of the height of the initial containing block.
 
 		<dt><dfn title="vm">vm unit</dfn>
 		<dd>Equal to the smaller of ''vw'' or ''vh''.