java - 响应式网站在 Chrome 中以其他方式显示在移动宽度之外的 Web View 上(无响应)看起来不错

Question

我正在使用 webview加载响应式网站，但它显示的宽度超出了移动尺寸。

我在移动版 Chrome 浏览器中打开链接，它看起来不错...

我的意思是说宽度不适合手机的屏幕尺寸；它显示超出宽度。

我也在使用这些... <viewport>用于控制其呈现的标签。

    WebSettings settings = webview.getSettings();
    settings.setJavaScriptEnabled(true);

    settings.setUseWideViewPort(true);
    settings.setLoadWithOverviewMode(true); 

此外，我正在使用 setInitialScale 来正确呈现 webview。

    webview.setInitialScale((int) 1.0);

但是我得到的网站加载没有根据大小响应...它显示宽度超出屏幕尺寸...它带有滚动

应用程序在 Lollipop、Marshmallow 等中运行良好。但在 Jellybean 等中不起作用。但是该链接适用于所有设备中的最新 chrome，但不适用于 webview .

我也设置了这个....

 <meta name="viewport" content="width=device-width, initial-scale=1">

Screenshot

Answer 1

试试这个:

WebView browser = (WebView) findViewById(R.id.webview);
browser.getSettings().setLoadWithOverviewMode(true);
browser.getSettings().setUseWideViewPort(true);