title: CSS scale from left top
body: <p>I am trying to scale my entire page from the top left. This is what my original page looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/5CCnn.png" alt="enter image description here"></p>
  
  <p>However when I try to scale my page, this happens:</p>
  
  <p><img src="https://i.stack.imgur.com/URrNs.png" alt="enter image description here"></p>
  
  <p>This is my CSS:</p>
  
  <pre><code>html {
      zoom: 1.4; /* Old IE only */
      -moz-transform: scale(1.4);
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
      transform-origin: top left;
  }
  </code></pre>
  
  <p>What am I doing wrong? It cuts off part of my page.</p>