Android/phonegap-拉伸我的背景图像以适应屏幕
我尝试过各种不同的方法,但似乎都不管用。我使用的是内联CSS,只想添加一个背景,使其与屏幕大小一致。我目前在我的body标签中使用以下代码:Android/phonegap-拉伸我的背景图像以适应屏幕,android,html,css,cordova,background-image,Android,Html,Css,Cordova,Background Image,我尝试过各种不同的方法,但似乎都不管用。我使用的是内联CSS,只想添加一个背景,使其与屏幕大小一致。我目前在我的body标签中使用以下代码: <body onLoad="onBodyLoad();" style="background:url(images/blue_bg.png);"> 我的图像是400 x 300,但需要拉伸到1200 x 1000 希望有人能帮忙(已经试过背景尺寸:100%) 谢谢,您可以尝试以下CSS3代码: body{ background:
<body onLoad="onBodyLoad();" style="background:url(images/blue_bg.png);">
我的图像是400 x 300,但需要拉伸到1200 x 1000
希望有人能帮忙(已经试过背景尺寸:100%)
谢谢,您可以尝试以下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;
}
如果这不起作用,您可以尝试:
刚刚注意到,您的修复程序在我的Android Archos上运行良好,但在我的Android手机上不起作用?有什么办法解决这个问题吗?你可能想用
backgroundsize:contain代码>而不是封面
。两者都很好。