title: Reset viewport zoom on new view?
body: <p>Is there a best practice for this?</p>
  
  <p>Our app is an application form, so there's a series of views with forms that the user fills out and clicks a button to transition to the next view.</p>
  
  <p>What's happening (at least with Chrome on my android, accessing the web app) is that Chrome zooms in while I'm filling out the form--which is helpful--but then it stays at that zoom when I go to the next view.  I'd like it to reset to show the whole page.</p>
  
  <p>I can think of two options:</p>
  
  <ol>
  <li><p>Set <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;</code> to prevent scaling at all.  <strong>First</strong>, I haven't tested this yet to confirm that it will prevent the browser from helpfully zooming.  <strong>Second</strong>, accessibility is very important to us, so I'm really not comfortable with this solution.</p></li>
  <li><p>Reset the zoom somehow (with javascript?) on view load?  This seems hacky to me.</p></li>
  </ol>
  
  <p>Recommendations?</p>
  
  <p>I don't think it's anything about <em>how</em> I'm doing the view transition that's affecting this, but just in case: the button on the form is something like:</p>
  
  <pre><code>&lt;button ng-click="save(sections, nextSection)" type="submit"&gt;
  Next Step
  &lt;/button&gt;
  </code></pre>
  
  <p>and the <code>save</code> method in the controller is:</p>
  
  <pre><code>$scope.save = function(sections, nextSection) {
    applicationForm.set(sections);
    $location.path(nextSection);
  }
  </code></pre>
  
  <p>where <code>nextSection</code> will be a string like <code>"/questions/2"</code>.</p>