title: Prevent zoom cross-browser
body: <p>For a map-like tool, I would like to <strong>disable the browser zooming feature</strong>. <em>(I know that this is generally a bad idea, but for some specific website, it is needed).</em></p>
  
  <p>I did it successfully by listening the keyboard shortcut <kbd>CTRL</kbd> <kbd>+</kbd> / <kbd>CTRL</kbd> <kbd>-</kbd> and adding <code>e.preventDefault()</code>, etc. 
  <em>But this doesn't prevent from changing the zoom from the browser's Zoom menu.</em></p>
  
  <p>I tried:</p>
  
  <ul>
  <li><p>with CSS:  <code>zoom: reset;</code>  It works for Chrome (see <a href="http://gget.it/eionjtdo/disable_zoom.html" rel="noreferrer">this page for a working example</a>) but it doesn't work at all on Firefox.</p></li>
  <li><p>in various questions/answers, I also found </p>
  
  <p><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt;</code> </p>
  
  <p>but this seems to work for mobile only.</p></li>
  </ul>
  
  <hr>
  
  <p><strong>How to prevent zooming cross-browser ?</strong></p>