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>标签来控制其演示文稿.