Android WebView视口

前端之家收集整理的这篇文章主要介绍了Android WebView视口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用下面的html我预计绿色矩形只占据屏幕的一半,但实际上它占据整个屏幕宽度.我为视口宽度尝试了其他值,没有运气.任何想法为什么它不起作用?

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>

解决方法

我有同样的问题,找到了答案!
在您的情况下,您需要:
WebSettings settings = webView.getSettings();
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewmode(true);

猜你在找的Android相关文章