title: android autofit mode causing issues with css width in web page
body: <p>I am having problems with the auto resize feature of the android browser. The widths on my site are going a bit haywire when the device is in portrait mode.</p>
  
  <p>What I would like to do is</p>
  
  <ul>
  <li>Have the same version of the site for both desktop and mobile users.</li>
  <li>Allow the user to zoom in and out as they please.</li>
  </ul>
  
  <p>I currently have the following in my head</p>
  
  <blockquote>
  <pre><code>&lt;meta name="viewport" content="width=1100"&gt;
  </code></pre>
  </blockquote>
  
  <p>I found the following blog post which describes my problem.</p>
  
  <blockquote>
    <p>This is definitely caused by the auto-fit layout
    ("kLayoutFitColumnToScreen" in the Android WebKit source code). Just
    try the test with auto-fit disabled and everything is rendered
    correctly (at least on my Android device).</p>
    
    <p>The auto-fit mode on Android seems to shrink certain elements' width
    without affecting their positioning, or the positioning of other
    elements. So if you have a containing block with width: 1000px and
    text that spans 100% of that width, the container may remain 1000px
    wide but the text inside it will wrap at the screen width.</p>
  </blockquote>
  
  <p><a href="http://www.quirksmode.org/blog/archives/2009/09/css_width_unrel.html" rel="nofollow noreferrer">http://www.quirksmode.org/blog/archives/2009/09/css_width_unrel.html</a></p>
  
  <p>Is there a way to stop this autofit mode from kicking in? I don't want to disable zooming.</p>
  
  <p>Update: </p>
  
  <p><strong>I am still searching for a solution if anyone knows of one.</strong></p>
  
  <p>Have found someone with the same problem (although they are using tables)</p>
  
  <p><a href="https://stackoverflow.com/questions/8237550/spanned-columns-collapsing-on-android-web-browser-when-using-auto-fit-pages">Spanned columns collapsing on Android web-browser (when using auto-fit pages)</a></p>
  
  <p><a href="http://code.google.com/p/android/issues/detail?id=22447&amp;can=4&amp;colspec=ID%20Type%20Status%20Owner%20Summary%20Stars" rel="nofollow noreferrer">http://code.google.com/p/android/issues/detail?id=22447&amp;can=4&amp;colspec=ID%20Type%20Status%20Owner%20Summary%20Stars</a></p>