Question

我正在尝试制作其中一个小巧的Android应用程序，除了浏览器之外什么都不做，只显示webview对象的网站，到目前为止它加载目标网页但是文本和图像大小都比页面在实际设备浏览器中查看。在浏览器中，页面看起来正确但不在我的应用程序中。

在我的桌面Chrome中检查页面会显示css正在使用font-size 6em，如果这对您有帮助的话。

当我包含一个视口元标记时，它对我的应用程序没有任何作用，但会导致浏览器将页面渲染得更接近webview对象的方式：东西看起来太大了。

是否有快速修复（例如视口标记设置或webview对象或websettings对象上的api调用）或者我是否需要重新设计css，可能不使用“em”？顺便说一句，我没有写网页或css。

感谢。

PS：顺便说一下，我想点击的页面是：deltabingo.com/delta-bingo-mobile

Answer 1

浏览器与您的应用之间的区别可能是因为您尚未将setUseWideViewPort WebSetting设置为true。

如果页面看起来太大/太小，那么视口可能不希望你想要它，尝试这样的事情（并且可能会将值宽度设置为）：

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

值得注意的是，该页面在视口which is not supported by the KK webview中使用了target-densityDpi。