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)替换背景图像.