fyrirlestrar/03/daemi/vh-vw.html

<!doctype html>
<html lang="is">
  <head>
    <meta charset="utf-8">
    <title>vh vw</title>
    <style>
    body { margin: 0; }

    div {
      width: 100vw;
      height: 100vh;

      background-color: #999;
    }

    h1 {
      margin: 0;
      font-size: 10vmin;
    }

    p {
      font-size: 8vw;
    }
    </style>
  </head>

  <body>
    <div>
      <h1>Lorem ipsum dolor sit amet</h1>
      <p>Consectetur adipiscing elit. Nam eleifend nunc non suscipit finibus. Proin non tincidunt nisl. Quisque lacus nibh, sodales in felis aliquet, iaculis pellentesque sem. Maecenas elit orci, dictum at congue non, elementum sit amet magna. Aliquam erat volutpat. Aenean magna erat, faucibus eu hendrerit sed, pharetra sed mauris. Fusce et dui urna. Vivamus sollicitudin mollis rutrum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus hendrerit volutpat erat a maximus. Sed pharetra dapibus sapien ac bibendum.</p>
    </div>
  </body>
</html>