Untitled

<!doctype html>
<html>
<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <style>
  @page {size: 87.6mm 55.98mm;}
  @page { margin: 0; }

  </style>
  <style>
    * {
        margin: 0;
        padding: 0;
    }
    .perpage{
        position: relative;
        width: 87.6mm;
        height: 55.98mm;
        background-color: red;
    }
    .alt{
        background-color: blue;
    }

    @media print {
        .perpage{
            page-break-before: always;
            page-break-after: always;
            page-break-inside: avoid;
        }
    }
  </style>

 </head>
 <body>

    <div class="perpage">
    </div>
    <div class="perpage alt">
    </div>

    <div class="perpage">
    </div>
    <div class="perpage alt">
    </div>

    <div class="perpage">
    </div>
    <div class="perpage alt">
    </div>

    <div class="perpage">
    </div>
    <div class="perpage alt">
    </div>

    <div class="perpage">
    </div>
    <div class="perpage alt">
    </div>

    <div class="perpage">
    </div>
    <div class="perpage alt">
    </div>

    <div class="perpage">
    </div>
    <div class="perpage alt">
    </div>

 </body>
 </html>