当前位置:  开发笔记 > 前端 > 正文

Android WebView似乎忽略了网页上的"视口"信息

如何解决《AndroidWebView似乎忽略了网页上的"视口"信息》经验,为你挑选了3个好方法。

我有一个使用视口META标记的网站告诉移动浏览器如何显示内容().在Android浏览器中查看页面看起来是正确的(和iPhone等).

当我将页面加载到Android应用程序中的WebView组件时,WebView忽略"VIEWPORT"标记,并以"完整"分辨率呈现页面,在这种情况下,该分辨率会放大.



1> stickwithjos..:

经过大量的实验,我确定如果实际页面强制宽度大于视口设置,Android WebView将不遵循"视口"设置.

例如,我设置的视口为500px,但在我的页面上有一个强制960px宽度的元素.视口没有被遵守,因为WebView拒绝隐藏额外的内容.

当我输入它时,这似乎很明显,但我必须花费数天时间研究这个问题.



2> jorisw..:

正如文档在最佳答案中的链接中所说,您可以使用元标记指定设备应如何响应Web应用程序与屏幕相比的大小.以下标记使Android手机尊重我的网络应用的视口大小:




3> onmyway133..:

尝试使用WebSetting类的这种方法

setUseWideViewPort (boolean use)

我用这个来告诉Android webview考虑我的"viewport"标签

推荐阅读
乐韵答题
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有