title: iPhone Safari actual resolution
body: <p>I've JUST gotten a bit confused.</p>
  
  <p>I'm using Jquery mobile and:</p>
  
  <pre><code>&lt;meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no' name='viewport'&gt;
  </code></pre>
  
  <p>I outputted</p>
  
  <pre><code>alert(Data.$activePage.find('div[data-role=content]').width());
  </code></pre>
  
  <p>and using my iPhone 4 I got 480x320, I was expecting 960x480, as per: <a href="http://www.iphoneresolution.com/" rel="nofollow">http://www.iphoneresolution.com/</a></p>
  
  <p>Could anyone explain to me what is going on here? I need to make sure my beast looks good in iPhone 3,4, ipad safari and was expecting they had diff resolutions</p>