title: web app - device-height / keyboard issue
body: <p>hope you are able to help me with this annoying problem.</p>
  
  <p>I'm currently building a web-app optimizied for Mobile Safari (iOS7). I want my page to be 100% height of the viewport. Currently my page is bigger than the viewport even thought I have specified the height in the css to 100%.</p>
  
  <p>The solution to this problem was changing this:</p>
  
  <pre><code>&lt;meta name="viewport" content="user-scalable=no, width=device-width, height=device-height, initial-scale=1.0" /&gt;
  </code></pre>
  
  <p>by removing <code>height=device-height</code></p>
  
  <p>the problem is without the height meta tag, the footer is pushed up on the page when I touch/click an input field (when the keyboard shows up). As is I can choose fixed keyboard/input or correct page height :( Not ideal.</p>
  
  <p>Anyone of you have had this issue, and found a solution where both problems are fixed?</p>