
  </style>
  <style type="text/css">
   /* CSS for the test below. */
   @viewport { width: 300px; height: 300px; } @viewport { height: 500px; }
   /* Set root element font-size to something different from the initial
      font-size to make sure 'rem' and 'em' for @viewport is based on the
      initial font-size, not the root element font-size. */
   html { font-size: 2rem; }
   body { font-size: 0.5rem; }
  </style>
  <script type="text/javascript">
   var test = async_test("CSS Test: @viewport cascadin