android webview 不仅仅是响应式网站的全宽

Question

我有一个简单的 WebView :

<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    />

这样调用:

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView myWebView = (WebView) findViewById(R.id.webview);
        myWebView.loadUrl("http://example.com");
    }

问题是我尝试呈现的网站没有进入响应模式。宽度超出了屏幕，导致我滚动。

我尝试了宽度，包括:fill_parent、match_parent 和 wrap_content，但都不起作用。

我该怎么做才能使网页呈现响应式，在不水平滚动的情况下保持在屏幕范围内？

Answer 1

您缺少一些使 WebView 呈现得更像移动浏览器的设置调用:

myWebView.getSettings().setUseWideViewPort(true);
myWebView.getSettings().setLoadWithOverviewMode(true);

可选地，您还可以启用双指缩放:

myWebView.getSettings().setSupportZoom(true);
myWebView.getSettings().setBuiltInZoomControls(true);
myWebView.getSettings().setDisplayZoomControls(false);

正如@Hylianpuffball 正确指出的那样，理想情况下，您的网站应该使用 <viewport>用于控制其呈现的标签。