我们使用WebView开发了一个应用程序。我想我已经把所有东西显示到完整的设备宽度,直到我们在运行KitKat的Nexus 5中测试它。起初,我无法让页面在任何设备上缩小并且无需滚动就适合我实现以下内容:
<meta name="viewport" content="target-densitydpi=device-dpi, width=400px">
目标密度是唯一影响我可以找到的更改显示尺寸的因素。它有效......直到带有KitKat的Nexus 5。当在Nexus 5中显示时,它现在正好相反,它缩小了,我无法弄清楚如何将它显示为全宽。我又开始寻找并发现:
不再支持Viewport target-densitydpi
以前,WebView支持一个名为的视口属性 target-densitydpi帮助网页指定其预期的屏幕
密度。不再支持此属性,您应该迁移 使用带有图像和CSS的标准解决方案,如中所述 WebView中的Pixel-Perfect UI。
来源:http://developer.android.com/guide/webapps/migrating.html
当我使用它时:
<meta name="viewport" content="width=device-width">
滚动条再次显示太大,所有其他设备都会做同样的事情。
我找到了可以与Chrome和其他浏览器配合使用但不能与WebView配合使用的解决方案(不能再记住它们了)。 Webview似乎非常严格。
任何想法如何解决这个问题?