Databases
StackOverflow2013
Postsdbo
POandroid autofit mode causing issues with css width in web page
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POandroid autofit mode causing issues with css width in web page
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USTom
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POandroid autofit mode causing issues with css width in web page
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POandroid autofit mode causing issues with css width in web page
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POandroid autofit mode causing issues with css width in web page
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload