PhoneGap和Retina显示

Question

我正在使用phoneGap为iPhone创建一个应用程序，但我确定它不能使用视网膜显示器，而不是使用旧的iPhone3分辨率。

使用phoneGap进行开发时，有没有办法让iPhone有2个版本？这是一个使用视网膜的版本，另一个版本是旧设备的最差分辨率。

由于

Answer 1

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

Answer 2

是的，但您需要使用CSS媒体查询或JavaScript。

http://troymcilvena.com/post/998277515/jquery-retina是一个jQuery插件，可以自动处理@ 2x图像。

在CSS中，您需要使用定位-webkit-min-device-pixel-ratio: 2的媒体查询，将背景图片替换为更高分辨率的版本（并设置background-size）。