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

2022-09-03 04:35:12

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

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

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

我也在使用这些...用于控制其表示的标记。<viewport>

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

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

此外,我正在使用setInitialScale进行Webview渲染。

    webview.setInitialScale((int) 1.0);

但我得到的网站负载没有响应,因为根据大小...它显示宽度在屏幕尺寸之外...它带有滚动

应用程序在棒棒糖,棉花糖等中工作正常。但在果冻豆等中不起作用。但是Link在所有设备中都可以与最新的chrome配合使用,但在.webview

我也设置了这个....

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

截图

enter image description here


答案 1

试试这个:

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

答案 2
web.setInitialScale(1);
    web.getSettings().setLoadWithOverviewMode(true);
    web.getSettings().setUseWideViewPort(true);

试试这个代码可能会解决你的问题。


推荐