为什么我的字体大小在android webview对象中看起来比在android浏览器中查看大得多?

The*_* Qs 6 css android viewport font-size webview

我正在尝试使这些微型android应用程序之一,什么都不做,只在webview对象而不是浏览器中显示网站,到目前为止,它已加载目标网页,但文本和图像大小都比查看该页面时大得多在实际的设备浏览器中。在浏览器中,页面看起来正确,但在我的应用程序中却不正确。

检查桌面镶边中的页面,可以发现css正在使用6mm字体。

当我包含一个视口元标记时,它对我的​​应用程序没有任何作用,但会导致浏览器将页面呈现得更接近于Webview对象的显示方式:东西看起来太大了。

是否有快速解决方案(例如,对Webview对象或Websettings对象的视口标签设置或api调用),或者我需要重新设计CSS,也许不使用“ em”吗?顺便说一句,我没有写网页或CSS。

谢谢。

PS:顺便说一句,我要访问的页面在这里:deltabingo.com/delta-bingo-mobile

mar*_*iba 1

浏览器和您的应用程序之间的差异可能是因为您尚未将setUseWideViewPort WebSetting设置为 true。

如果页面看起来太大/太小,那么视口可能不希望它是这样的,请尝试这样的操作(也许可以尝试设置宽度值):

<meta name="viewport" content="width=320, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

还值得注意的是,该页面在视口中使用 target-densisDpi ,而 KK webview 不支持该设置。

有关视口的更多信息,请参阅此处:https://developers.google.com/chrome/mobile/docs/webview/pixelperfect http://developer.android.com/guide/webapps/targeting.html