具有Phongap的diferente移动设备的背景图像大小

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）。