Android / phonegap - 拉伸我的背景图像以适应屏幕

【问题标题】：Android/ phonegap - Stretching my background image to fit screenAndroid / phonegap - 拉伸我的背景图像以适应屏幕
【发布时间】：2012-02-21 16:30:56
【问题描述】：

我尝试了各种不同的方法，但似乎都不起作用。我正在使用内联 CSS，只是想添加一个与屏幕大小相匹配的背景。我目前在我的正文标签中使用以下代码：

<body onLoad="onBodyLoad();" style="background:url(images/blue_bg.png);">

我的图像是 400 x 300，但需要拉伸到 1200 x 1000。

希望有人能提供帮助（已尝试过 background-size:100%）。

谢谢，

【问题讨论】：

标签： android html css cordova background-image

【解决方案1】：

你可以试试这个 CSS3 代码：

body{
    background: url(images/blue-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

如果这不起作用，您可以尝试：

Other CSS techniques

jQuery techniques

【讨论】：

刚刚注意到您的修复程序在我的 Android Archos 上完美运行，但在我的 Android 手机上不起作用？有什么想法可以解决这个问题吗？
您可能希望使用background-size: contain; 而不是cover 进行测试。两者都运行良好。