title: Auto-detect a screen resolution and change browser zoom with Javascript?
body: <p>How do I auto-detect a screen resolution and change browser zoom with Javascript?</p>
  
  <hr>
  
  <p>I was thinking of something more like this:</p>
  
  <p>I've got the following code:</p>
  
  <blockquote>
    <p><code>#warp</code> with <code>width: 3300%</code> and a <code>mask</code> with <code>width: 100%</code>; and then, each <code>.item</code> has <code>width: 3.030303%</code> — with overflow hidden, otherwise it couldn't work as I want.</p>
  </blockquote>
  
  <p>My point is: I've done this for at least 1280px wide screens. </p>
  
  <p>What I want is if someone can write code that I could use toswitch the CSS file once viewed on a &lt;1280px screen — them, I could do something like: </p>
  
  <blockquote>
    <p><code>.item img { width: 80%; }</code> and then, the result would be the same as "browser zoom out".</p>
  </blockquote>