my phonegap application looks smaller in Android HD phones, HDPI and XHDPI phones

Question

i am newbie, developing an hybrid application using phonegap & jquery mobile. my application looks fine in mdpi devices. But, the application UI looks smaller/shrinks in HDPI & XHDPI phones,tablets & Apple devices.

Currently am using the viewport meta tag as

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

how can i acheieve the same UI in all screen resolutions & DPIs.

Need your suggestions.

Answer 1

Remove target-densityDpi=device-dpi. Basically this is all you need:

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