【发布时间】：2012-07-12 05:33:52
【问题描述】：
我正在使用 phoneGap 为 iPhone 创建一个应用程序，但我确定它无法使用视网膜显示，而是使用旧的 iPhone3 分辨率。
在使用phoneGap进行开发时，有没有办法为iPhone提供2个版本？也就是说，一个版本使用 Retina，另一个版本的分辨率最差，适用于旧设备。
谢谢
【问题讨论】：
标签： iphone cordova retina-display
【发布时间】：2012-07-12 05:33:52
【问题描述】：
Retina.js 用更少的 CSS 就能解决你的问题。
另一方面，在您的应用中使用以下代码后，对于 Phonegap 的问题（例如：您没有看到应有的页面，而是看到所有内容都放大了）：
<meta name="viewport" content="width=device-width, user-scalable=no, initial-
scale=0.5, maximum-scale=0.5" />
将此添加到您的 Cordova.plist 中：
EnableViewportScale : YES
【讨论】：
-
在 phonegap 或任何其他应用程序中启用用户缩放并不是一个非常聪明的举措，事实上到目前为止似乎没有任何应用程序允许这样做。
-
这对我不起作用。当我这样做时，仅缩放页面的内容，而不是应用程序中使用的实际 UI 元素，例如状态栏，它仍然是一个尴尬的大小
可以，但您需要使用 CSS 媒体查询或 JavaScript。
http://troymcilvena.com/post/998277515/jquery-retina 是一个 jQuery 插件，可以自动处理 @2x 图像。
在 CSS 中，您需要使用以-webkit-min-device-pixel-ratio: 2 为目标的媒体查询，将背景图像替换为其更高分辨率版本（并设置background-size）。
【讨论】：
-
您可以使用 CSS 媒体查询。
@media only screen and (-webkit-min-device-pixel-ratio: 2) { .ui-page { background: transparent url(path/to/2x.jpg); background-size: Xpx Ypx; } }这会更改仅具有视网膜显示器分辨率的设备的元素。