title: Different Size in CSS @page :first Result Whole @page in Same Size
body: <p>Its about Print, and Print only.</p>
  
  <p>css:</p>
  
  <pre><code>@page {
      size: A4 portrait;
  }
  @page :first{
      size: 210mm 1000mm;
  }
  </code></pre>
  
  <p>As CSS defined, should only first page with 1000mm height and rest pages are 297mm (A4) height.</p>
  
  <p>But in Chrome, from second page, looks like 297mm but all content is gone.</p>
  
  <p>Try it yourself, use Google Chrome, open <a href="http://fiddle.jshell.net/T4nnG/1/show/" rel="nofollow">http://fiddle.jshell.net/T4nnG/1/show/</a>
  and try print, see the preview, first page is right, and from second page, size is right, but content gone</p>
  
  <p><em>You can see more clearly by use "save as PDF", but if you choose a real printer, it will shrink first page, the bugs are same</em></p>
  
  <p>It may only in Chrome, but I am only use the app for Chrome, so as long as it works in Chrome, I am happy.</p>
  
  <p>Am I done something wrong? Please advice on correct CSS, thanks.</p>