title: iOS: resize screen when keyboard appears (in HTML5 APP)
body: <p>I have a Phonegap 4.0 app in iOS with an <code>&lt;input /&gt;</code>.</p>
  
  <p>When I focus the <code>&lt;input /&gt;</code>, the entire screen moves up, and does NOT resize. But I want the <strong>size</strong> of the screen to <strong>adjust</strong> to the new, smaller screen with keyboard. </p>
  
  <p>Goal is to keep the header visible:</p>
  
  <pre><code>&lt;header style="position:absolute; top:0: left:0; right:0; height: 30px;"&gt;
    ...
  &lt;/header&gt;
  </code></pre>
  
  <p>My current index.html <code>viewport</code> tag:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0"&gt;
  </code></pre>
  
  <p>This has no effect:</p>
  
  <pre><code>&lt;preference name="KeyboardShrinksView" value="false" /&gt;
  </code></pre>
  
  <p>Neither does adding <code>height=device-height</code> to viewport tag..</p>