Incorrect width in Android webkit browser

Question

I noticed a problem on Android\'s default browser, where 100% width may actually go past the edge of the screen. Here\'s a minimal test case:

  


        
                      

              相关标签:
       
      

Answer 1

In my WebView, I was able to fix the widths by turning off wide viewport.

webview.getSettings().setUseWideViewPort(false);

This disables horizontal scroll unless absolutely necessary, and div widths and zoom work as expected. Obviously this will only work with a custom WebView, maybe there is a more generic way to do this with something like <meta name="viewport" ...> ?

Answer 2

use

layout_width="fillparent"

:)

Answer 3

Just add this meta tag inside your html head tag .I've checked it with android 2.1 browser and it works fine on zoom.

<meta name="viewport" content="width=device-width" />