android autofit mode causing issues with css width in web page

Question

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.

What I w

Answer 1

I have been experiencing this problem and found a solution that works for me.

I have one main

with some nested

elements inside. The HTML is very basic. I found that one

within my main

would wrap its text as if I had double-tapped the text to zoom in on it. This

only contained text. This behavior occurred only in portrait orientation, and it corrected after double-tapping or switching orientation.

Since this problem is an Android bug, no CSS or HTML can really fix it. However, the following CSS resolved the problem satisfactorily for me; and I didn't have to turn off "Auto-fit pages":

I added a CSS background-image to the

. I just used a transparent, one-pixel PNG as the background.

div { background-image: url(../img/blank.png); }

0 讨论(0)

查看其它13个回答

发布评论:

提交评论

---

•  加载中...