title: HTML full page zoom depending on screen resolution
body: <p>I have a problem with displaying my <code>html</code> site on different monitors/resolutions. I was trying to to solve this problem with the following script, but it isn't working. How could I improve this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>if (width &lt;= 1280 &amp;&amp; height &lt;= 720) {
    document.getElementById('html').style.zoom = '50%';</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html {
   zoom: 100%;
  }</code></pre>
  </div>
  </div>
  </p>