PhoneGap 和 Retina 显示屏
我正在使用phoneGap为iPhone创建一个应用程序，但我确信它无法使用视网膜显示屏工作，而是使用旧的iPhone3分辨率。
使用phoneGap开发时有没有办法让iPhone有2个版本？这是一个使用视网膜的版本，另一个版本对于旧设备来说分辨率最差。
谢谢
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
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
Retina.js 使用更少的 CSS 即可解决您的问题。
另一方面，对于 Phonegap 的问题（例如：您没有看到应有的页面，而是看到所有内容都放大了），在您的应用程序中使用以下代码后：
将其添加到您的 Cordova.plist 中：
Retina.js with less CSS it will solve your problem.
On the other hand, for problems with Phonegap (e.g.: you don’t see the page like it should, instead you see everything zoomed in) after using the following code in your app:
Add this into your Cordova.plist:
是的，但您需要使用 CSS 媒体查询或 JavaScript。
http://troymcilvena.com/post/998277515/jquery-retina 是一个 jQuery 插件它会自动处理@2x 图像。
在 CSS 中，您需要使用以
-webkit-min-device-pixel-ratio: 2为目标的媒体查询，将背景图像替换为其更高分辨率的版本（并设置background-大小）。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).