attempt to deal with media queries vs size property conflict

Author: fantasai

css3-page/Overview.html

@@ -878,6 +878,34 @@ <h4 id=page-size-prop><span class=secno>3.3.1 </span>Page size: the 'size'
     contents of the page box should be scaled down to fit the largest smaller
     page sheet available.</p>
 
+   <p>If a <code><a href="#size">size</a></code> property declaration
+    specifies a page size that would cause that declaration to not apply
+    (e.g. a media query that qualifies it applies only to a different paper
+    size) then the declaration must be <a
+    href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>. <span
+    class=issue>Is this a reasonable way of dealing with this
+    conflict?</span></p>
+
+   <div class=example>
+    <p>In the following example
+
+    <pre>
+  @page {
+    size: 4in 6in;
+  }
+  
+  @media (max-width: 6in) {
+    @page {
+      size: letter;
+    }
+  }
+  </pre>
+
+    <p>The second <code><a href="#size">size</a></code> declaration is
+     ignored, i.e. the specified value of the <code><a
+     href="#size">size</a></code> property is <code>4in 6in</code>.
+   </div>
+
    <table class=page-sizes>
     <tbody>
      <tr>

css3-page/Overview.src.html

@@ -552,6 +552,30 @@ <h4 id="page-size-prop">Page size: the 'size' property</h4>
 indicated. If the specified size is not available, the smallest available
 larger size should be used; if not available, the contents of the page box
 should be scaled down to fit the largest smaller page sheet available.</p>
+
+<p>If a <code>size</code> property declaration specifies a page size that would
+cause that declaration to not apply (e.g. a media query that qualifies it applies
+only to a different paper size) then the declaration must be
+<a href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>.
+<span class="issue">Is this a reasonable way of dealing with this conflict?</span></p>
+
+<div class="example">
+  <p>In the following example
+  <pre>
+  @page {
+    size: 4in 6in;
+  }
+  
+  @media (max-width: 6in) {
+    @page {
+      size: letter;
+    }
+  }
+  </pre>
+  <p>The second <code>size</code> declaration is ignored, i.e. the specified value
+  of the <code>size</code> property is <code>4in 6in</code>.
+</div>
+
 <table class="page-sizes">
 <tr>
 <th>Value</th>