Vista de Android WebView

Con html abajo esperaba que el rectángulo verde ocuparía sólo la mitad de la pantalla, pero en la práctica ocupa toda la anchura de la pantalla. Intenté otros valores para el ancho de la ventana de visión, ninguna suerte. ¿Alguna idea de por qué no funciona?

Html

<html> <head> <meta name="viewport" content="width=640" /> </head> <body> <div style="width: 300px; height: 50px; background: green;">300px</div> <div style="width: 600px; height: 50px; background: yellow;">600px</div> </body> </html>

Xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <WebView android:id="@+id/web_view" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>

¡Tuve la misma pregunta y encontré respuesta!
En su caso necesita:

 WebSettings settings = webView.getSettings(); settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true);

Parcialmente resuelto, ahora puedo escalar por doble toque:

 webView.getSettings().setUseWideViewPort(true);

EDIT: No, me equivoqué … He cambiado el html de la prueba, y encontré que escala al ancho de la página – 1000px, y no a la anchura de la ventana de visión – 640px.

 <div style="width: 300px; height: 50px; background: green;">300px</div> <div style="width: 600px; height: 50px; background: yellow;">600px</div> <div style="width: 1000px; height: 50px; background: red;">1000px</div>