title: Disable zoom on a div, but allow zoom on the page (an alternate div)
body: <p>Is there a way to disable zoom on a div, or any particular elements on a website? For example, if I wanted the page to be zoomable, but not the #Header div, is there a way to make one zoomable, and the other not zoomable?</p>
  
  <p>Basically, when you zoom on a mobile device, it zooms the Header too, but I want the header to be a fixed size at all times (not zoomable).</p>
  
  <p>I know that you can use this code to disable zooming overall:</p>
  
  <pre><code>&lt;meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' /&gt;
  </code></pre>
  
  <p></p>