javascript - WebView 忽略 target-densitydpi

Question

我正在使用 Phonegap 构建应用程序。
我使用视口(viewport)元标记定义了 densitydpi:

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

直到几天前一切都很好，页面的像素比例是正确的。
现在 target-densitydpi=device-dpi 似乎被忽略了，网页似乎以 1 的像素比显示，我不明白为什么它不使用真实的设备的像素比，之前是正确的。

我在装有 Android 4.4.2 的 Nexus 5 和装有 Android 4.4.2 的 Nexus 4 上进行了测试

我正在使用 cordova build android 编译项目

Answer 1

target-densitydpi 属性现已弃用。

请浏览此博客Viewport target-densitydpi support从该博客中绘制的线条是

Support for target-densitydpi in the viewport meta tag was recently removed from WebKit and with Chrome for Android moving forward to current revisions on WebKit, this change is now rolling out in Android.

这是来自博客的修复

简单、快速的修复

You can fix it easily by serving the same mark-up (including viewport) to Chrome for Android as you serve to mobile Safari (which never supported target-densitydpi).