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

Question

我是新手,使用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.

需要你的建议.

Answer 1

删除target-densityDpi = device-dpi.基本上这就是你所需要的:

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