I'm using phonegap and jQuery mobile to develop an Android application. In the browser, the pages look fine, but when I run the app on a device (=in a webview), the pages look cheap and kind of... off. Almost as if the page is zoomed 101% or something like that. Has anyone else run into this problem? Any idea how to fix it?
Have you tried adding the target-densitydpi=device-dpi
value to the viewport meta tag in the </head>
of the page like this:
<head>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
...
</head>
That should do the trick; I hope it helps!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With