Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Layout blurry/low quality when jQuery mobile on android using phonegap

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?

like image 563
Stefan Avatar asked Feb 21 '23 06:02

Stefan


1 Answers

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!

like image 144
dSquared Avatar answered May 01 '23 19:05

dSquared