title: CSS to set A4 paper size
body: <p>I need simulate an A4 paper in web and allow to print this page as it is show on browser (Chrome, specifically). I set the element size to 21cm x 29.7cm, but when I send to print (or print preview) it clip my page.</p>
  <p>See this <a href="https://jsfiddle.net/2wk6Q/1/" rel="noreferrer"><strong>Live example</strong></a>!</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 12pt "Tahoma";
  }
  
  * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  
  .page {
    width: 21cm;
    min-height: 29.7cm;
    padding: 2cm;
    margin: 1cm auto;
    border: 1px #D3D3D3 solid;
    border-radius: 5px;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  .subpage {
    padding: 1cm;
    border: 5px red solid;
    height: 256mm;
    outline: 2cm #FFEAEA solid;
  }
  
  @page {
    size: A4;
    margin: 0;
  }
  
  @media print {
    .page {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="book"&gt;
    &lt;div class="page"&gt;
      &lt;div class="subpage"&gt;Page 1/2&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="page"&gt;
      &lt;div class="subpage"&gt;Page 2/2&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I think I'm forgetting something. But what would it be?</p>
  <ul>
  <li><strong>Chrome</strong>: clipping page, double page (<em>it's just what I need it to work</em>)</li>
  <li><strong>Firefox</strong>: it works perfectly.</li>
  <li><strong>IE10</strong>: believe it or not, it's perfect!</li>
  <li><strong>Opera</strong>: very buggy on print preview</li>
  </ul>