I’m creating an app for iPhone using phoneGap, but I’m sure it is not working using retina display, instead of that, it is using the old iPhone3 resolution.
Is there any way to have 2 versions for iPhone when developing using phoneGap? this is, one version using retina and another version with worst resolution for the older devices.
Thanks
Yes, but you’ll need to use either CSS media queries or JavaScript.
http://troymcilvena.com/post/998277515/jquery-retina is a jQuery plugin that’ll automatically handle @2x images.
In CSS, you’d need to use a media query targeting
-webkit-min-device-pixel-ratio: 2that replaces background images with their higher-resolution versions (and setsbackground-size).