我有一个使用视口META标记的网站告诉移动浏览器如何显示内容().在Android浏览器中查看页面看起来是正确的(和iPhone等).
当我将页面加载到Android应用程序中的WebView组件时,WebView忽略"VIEWPORT"标记,并以"完整"分辨率呈现页面,在这种情况下,该分辨率会放大.
经过大量的实验,我确定如果实际页面强制宽度大于视口设置,Android WebView将不遵循"视口"设置.
例如,我设置的视口为500px,但在我的页面上有一个强制960px宽度的元素.视口没有被遵守,因为WebView拒绝隐藏额外的内容.
当我输入它时,这似乎很明显,但我必须花费数天时间研究这个问题.
正如文档在最佳答案中的链接中所说,您可以使用元标记指定设备应如何响应Web应用程序与屏幕相比的大小.以下标记使Android手机尊重我的网络应用的视口大小:
尝试使用WebSetting类的这种方法
setUseWideViewPort (boolean use)
我用这个来告诉Android webview考虑我的"viewport"标签