我建立一个jQuery移动网站，我试图插入一个可伸缩的图像到背景，这将调整到手机的屏幕尺寸。
这是我的代码：
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>Discover Dubrovnik</title>
<link rel="stylesheet" href="jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0a4.1.min.js"></script>
<style type="text/css">
.ui-page {
background: transparent url(image.gif);
}
</style>
</head>
<body>
<div data-role="page" data-theme="b">
<div data-role="header">
<h1>Header tex</h1>
</div><!-- /header -->
<div data-role="content" data-theme="d">
some text
</div><!-- /content -->
<div data-role="footer">
<h1>Neki izbornik</h1>
</div>
</div><!-- /page -->
当窗口是全屏的，我得到背景图像，但当我调整它/使它更小(像手机屏幕)，图像不调整大小，它不是中心，所以我只能看到它的一部分… …
已连接的jQuery和CSS文件从jquerymobile.com下载
解决方法
对于jquery mobile和phonegap这是正确的代码：
<style type="text/css">
body {
background: url(imgage.gif);
background-repeat:repeat-y;
background-position:center center;
background-attachment:scroll;
background-size:100% 100%;
}
.ui-page {
background: transparent;
}
.ui-content{
background: transparent;
}
</style>
