title: How to force Android browser to not change viewport's width when zooming in/out?
body: <p>I would like to know how to force Android browser (preferably using pure CSS3) to not change viewport's width when user zooms in/out with his/her fingers ?</p>
  
  <p>I have multiple media-queries on page aiming to different viewport widths. But anytime user zooms in/out the page viewport width is changed so layout of the page is reordered and I don't this to happen. I want Android browser to "remember" its initial viewport size and when user zooms in/out I want Android browser to JUST zoom, but not change the viewport size.</p>
  
  <p>Is this possible with CSS ? Thank you for any help in advance.</p>
  
  <p>EDIT: My media queries:</p>
  
  <pre><code>@media only screen and (min-width : 800px) and (max-width : 999px) {
    #content { width:800px; }
  }
  @media only screen and (max-width : 799px) {
    #content { width:600px; }
  }
  </code></pre>