title: 90% zoom on browser makes no media query used
body: <p>I wrote CSS media queries to deal with the the width of a class:</p>
  
  <pre><code>@media (max-width:1920px) {
      .slides {
          width: 860px;
      }
  }
  @media (max-width:1500px) {
      .slides {
          width: 852px;
      }
  }
  @media (max-width:1280px) {
      .slides {
          width: 850px;
      }
  }
  @media (max-width:1097px) {
      .slides {
          width: 680px;
      }
  }
  @media (max-width:960px) {
      .slides {
          width: 540px;
      }
  }
  @media (max-width:768px) {
      .slides {
          width: 410px;
      }
  }
  </code></pre>
  
  <p>All of these media queries are hitting the browser from the zoom 500% to 100%. But once I get to 90% none of them are being applied. Why is this and what am I doing wrong?</p>