Phongap不同移动设备的背景图像尺寸

Question

我正在使用Phonegap为iOS和Android开发应用程序。

我想使用背景图片，但由于所有移动设备的大小不同，我的背景图片会被剪切或扭曲。

闪现屏幕（这也是一个全屏图像）我可以定义different images for different devices

是否有类似的东西，我可以为我的背景图片吗？

Answer 1

不，你不能这样做cordova配置。

，但你可以CSS和媒体查询：

#my-app-container { 
    @media screen and (max-width: 320) { 
     background-image('/iphone4s-background.jpg'); 
    } 
    @media screen and (max-width: 420) { 
     background-image('/bigger-background.jpg'); 
    } 
    /* others */ 
} 

另一种方式（而不是从我的角度更好）是detect window size in js，从代码（使用jQuery例如），然后更改背景图片。