title: Zooming in a specific div in Cordova/Ionic
body: <p>I added the viewport with properties allowing zooming/scaling. And I added these to the native code:</p>
  
  <pre><code>WebSettings settings = super.appView.getSettings();
  settings.setBuiltInZoomControls(true);
  settings.setDisplayZoomControls(true);
  settings.setSupportZoom(true);
  </code></pre>
  
  <p>I am able to zoom, but along with my view, <code>ion-header-bar</code> and <code>ion-nav-bar</code> gets zoomed. I tried giving the header css, to keep it fixed:</p>
  
  <pre><code>position: fixed;
  top: 0px;
  left: 0px;
  </code></pre>
  
  <p>but still, it'd get zoomed.</p>
  
  <p>My <strong>index.html</strong> has an <code>ion-header-bar</code>, which contains an image.
  The templates go into  </p>
  
  <pre><code>&lt;ion-nav-view class="has-header"&gt;&lt;/ion-nav-view&gt;
  </code></pre>
  
  <p>The template in which I require zooming in a particular div is having a 'ion-view` and it looks like: </p>
  
  <pre><code>&lt;ion-view&gt;
      &lt;ion-nav-bar class="bar-stable"&gt;
          &lt;ion-nav-buttons side="right"&gt;
              icon1
          &lt;/ion-nav-buttons&gt;
          &lt;ion-nav-buttons side="left"&gt;
              icon2
          &lt;/ion-nav-buttons&gt;
      &lt;/ion-nav-bar&gt;
      &lt;div&gt;
          Multiple divs in here, which are containers for html and css data we receive via AJAX requests. And this is here I need zooming in.
      &lt;/div&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>PS: Would it matter if I add a full HTML code(with meta viewport, no header, but body and divs) inside the <code>ion-view</code>?</p>