【发布时间】:2014-04-11 17:41:16
【问题描述】:
我们使用 WebView 开发了一个应用程序。在我们在运行 KitKat 的 Nexus 5 中对其进行测试之前,我以为我可以将所有内容都显示为完整的设备宽度。起初,我无法在任何设备上缩小页面并在不滚动的情况下进行调整,直到我实现了以下内容:
<meta name="viewport" content="target-densitydpi=device-dpi, width=400px">
目标密度是我能找到的唯一对改变显示尺寸有影响的东西。它工作......直到 Nexus 5 与 KitKat。当在 Nexus 5 中显示时,它现在正好相反,它缩小了,我不知道如何将它显示为全宽。我又开始寻找,发现:
不再支持视口目标密度dpi
以前,WebView 支持名为的视口属性 target-densitydpi 帮助网页指定它们的预期屏幕
密度。此属性不再受支持,您应该迁移 使用带有图像和 CSS 的标准解决方案,如 WebView 中像素完美的 UI。
来源:http://developer.android.com/guide/webapps/migrating.html
当我使用这个时:
<meta name="viewport" content="width=device-width">
滚动条再次显示太大,所有其他设备都会做同样的事情。
我找到了适用于 Chrome 和其他浏览器但不适用于 WebView 的解决方案(不记得它们了)。 Webview 似乎很严格。
有什么办法可以解决这个问题吗?
【问题讨论】: