我的 phonegap 应用程序在 Android 高清手机、HDPI 和 XHDPI 手机中看起来更小

【问题标题】：my phonegap application looks smaller in Android HD phones, HDPI and XHDPI phones我的 phonegap 应用程序在 Android 高清手机、HDPI 和 XHDPI 手机中看起来更小
【发布时间】：2013-06-25 02:20:15
【问题描述】：

我是新手，正在使用 phonegap 和 jquery mobile 开发一个混合应用程序。我的应用程序在 mdpi 设备中看起来不错。但是，应用程序 UI 在 HDPI 和 XHDPI 手机、平板电脑和 Apple 设备中看起来更小/缩小。

目前正在使用视口元标记作为

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

如何在所有屏幕分辨率和 DPI 中实现相同的 UI。

需要你的建议。

【问题讨论】：

标签： android html cordova

【解决方案1】：

移除 target-densityDpi=device-dpi。基本上这就是你所需要的：

<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, width=device-width" />

【讨论】：

如果删除 device-dpi，它将 mdpi 作为默认值，并且在 mdpi 设备中看起来很好。但在 hdpi 和 xhdpi 屏幕中，它看起来还可以。我必须对 css 进行更改以支持其他 DPI。这是针对所有 android 和 ios 设备的正确方法吗？？
是的，target-densitydpi 在大多数浏览器中已被弃用。在大多数情况下，这很好。流行的做法是在链接标签上使用媒体查询来为不同的设备分辨率和设备像素比提供覆盖。如果您确实需要支持高分辨率，请参阅：coding.smashingmagazine.com/2012/08/20/towards-retina-web