title: Phonegap screen gets cut off on Retina iPad Simulator
body: <p><img src="https://i.stack.imgur.com/d809G.png" alt="enter image description here">I have a Phonegap App which uses jQueryMobile 1.3.2 and Phonegap 3.1 (with the status bar plugin).
  Everything works fine but the <strong>iPad</strong> Retina simulator (iOS 7) shows my screen cut off at the right hand side of the screen (<strong>iPhone</strong> Retina is fine, as are all Android layouts).</p>
  
  <p>I'm using:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" &gt;
  </code></pre>
  
  <p>...and tried with both <strong>EnableViewportScale true/false</strong> - whereas it has no effect besides the Retina 64bit - where a <em>true</em> will completely distort the view (I only see a green/white block), and also:</p>
  
  <pre><code>html, body { width: 100%; margin: 0; padding: 0; }
  </code></pre>
  
  <p>in my html pages. I have read through a few issues that iOS will return a different resolution value when "being retina", but never found anything in regards to fixing this related to phonegap.</p>
  
  <p>The strange thing is, when I put set e.g. width=400 in the viewport meta tag, nothing changes... again, independent from the EnableViewportScale setting.</p>
  
  <p>Thanks in advance for any clues...</p>