title: iPhone viewport -- width not displaying correctly
body: <p>My test WordPress site is at:  www.incitepartners.com/news/</p>
  
  <p>This is a 1000px fixed width site, the CSS is:</p>
  
  <pre><code>#wrapper {
      width: 1000px;
      height: 100%;
      padding: 0 0 30px 0;
      margin: 0 auto;
      -webkit-text-size-adjust: none;
  }
  </code></pre>
  
  <p>and the viewport metatag is:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=1000, user-scalable=yes" /&gt;
  </code></pre>
  
  <p>The only way I can get the width of the site to accurately display on an iPhone 4 is if I add</p>
  
  <pre><code>initial-scale=selfrender
  </code></pre>
  
  <p>But then that shrinks and centers EVERYTHING height AND width... </p>
  
  <p>OR, I can do</p>
  
  <pre><code>"initial-scale = .3"
  </code></pre>
  
  <p>and that makes the site approximately display the correct width.</p>
  
  <p>also, there is NO change to the iPhone display if I change the content to content=device-width...  no matter if I specify 1000 or specify device-width... nothing changes.</p>
  
  <p>what am i missing?  this is driving me crazy.</p>