title: How to scale website to iPhone's width?
body: <p>I've got liquid layout website that displays (8 x 240px) columns on 1920x1080px. There are no spaces between them. I added this to HEAD:</p>
  
  <pre><code>&lt;meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=yes,width=960" &gt;
  &lt;meta name="viewport" content="width=device-width; height=device-height;"&gt;
  </code></pre>
  
  <p>I tried different settings in above code but no matter what I do on iPhone 2G and 4S it always displays (4 x 240px) columns (480×320px and 960x640px resolutions).</p>
  
  <p>I want it to display 3 or 2 columns because first column contain text and it's hardly readable now. </p>
  
  <p><strong>I just want to divide width by two on iPhone. How can this be done?</strong></p>
  
  <p>Furthermore, my website displays differently on iPhone (480x320px) and on desktop when I make browser 480x320px. Why is that?</p>