title: Phonegap not scaling properly between iPad and iPhone
body: <p>I developed an app for iPad using Phonegap 0.9.6.
  Seems to be working fine.</p>
  
  <p>The main element in the app is 768 px wide, so scaling has not been a problem one way or the other.</p>
  
  <p>Now I am experimenting with running the same thing on an iPhone.</p>
  
  <p>I have this meta tag at the top of my html in the 'head' section:</p>
  
  <pre><code>&lt;meta name="viewport" content="user-scalable=no, width=device-width"&gt;
  </code></pre>
  
  <p>It seems to work fine on the iPhone browser: I can point the browser to my locally-running server, the page gets scaled appropriately so it fits in the iPhone screen.</p>
  
  <p>If I make a 'Home Screen" version of the page so it's more of a WebApp (still not using PhoneGap) I still get scaling, although now it's a little off: the image is a little too wide, a small strip on the right winds up offscreen.</p>
  
  <p>But when I try things in Phonegap I am getting no scaling at all.  The page always shows up at normal resolution, so I am seeing just the top quarter of it.</p>
  
  <p>I have tried all of the following:
  * Changing Summary->Devices from iPad to Universal in XCode target settings.
  * Mucking with the 'enable display scaling' widget under the 'info' tab of the 'run' item on the scheme for this build.
  * Every permutation of trick I can think of for the meta 'viewport' tag: setting min/max scaling, setting initial scale, setting width to fixed numbers, etc.</p>
  
  <p>For that last item, I can see tweaks I make reflected in the Browser on the iPhone (and the HomeScreen version), but the PhoneGap never budges: I always get the same upper-right corner.  I can't seem to make that move at all.</p>