我正在尝试制作一个小型 Android 应用程序,它除了在 webview 对象而不是浏览中显示网站之外什么也不做,到目前为止它加载了目标网页,但文本和图像大小都比查看页面时大得多在实际设备浏览器中。在浏览器中,页面看起来正确,但在我的应用程序中则不然。
检查我的桌面 chrome 中的页面,发现 css 使用的是 font-size 6em(如果这对您有帮助的话)。
当我包含视口元标记时,它不会对我的应用程序执行任何操作,但会导致浏览器呈现页面的方式更接近 webview 对象的方式:东西看起来太大了。
是否有快速修复(例如,视口标签设置或 webview 对象或 websettings 对象上的 api 调用)或者我是否需要重新设计 css,也许不使用“em”?顺便说一句,我没有编写网页或 CSS。
Thanks.
PS:顺便说一句,我想要访问的页面在这里:deltabingo.com/delta-bingo-mobile
浏览器和您的应用程序之间的差异可能是因为您没有设置setUseWideViewPort Web 设置 http://developer.android.com/reference/android/webkit/WebSettings.html#setUseWideViewPort%28boolean%29为真。
如果页面看起来太大/太小,那么视口可能不希望它是这样的,请尝试这样的操作(也许可以尝试设置宽度值):
<meta name="viewport" content="width=320, initial-scale=1">
还值得注意的是,该页面在视口中使用 target-密度Dpi,KK webview 不支持 http://developer.android.com/guide/webapps/migrating.html#TargetDensity.
有关视口的更多信息,请参见此处:https://developers.google.com/chrome/mobile/docs/webview/pixelperfect https://developers.google.com/chrome/mobile/docs/webview/pixelperfect
http://developer.android.com/guide/webapps/targeting.html http://developer.android.com/guide/webapps/targeting.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)