我正在使用 jquery 移动应用程序制作一个 phonegap 应用程序。我正在附加快照以了解我的问题，它与页脚有关，它没有修复，有时它会出现一点点。
<html>
<head>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="js/jquery.js"></script>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello World</title>
<script type="text/javascript" charset="utf-8">
function logIn()
{
alert("sfdsf");
}
</script>
</head>
<body>
<div data-role=page id=home>
<div data-role=header>
<h1>Home</h1>
</div>
<div data-role=content>
<span> Name </span>
<input type=text value=Sarrion style="width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;">
<br>
<span>Password</span>
<input type=password class="miniinputheight">
<span> Choose an apartment type : </span>
<select data-native-menu=false>
<option> bedroom </option>
<option value=2> 1 bedrooms </option>
<option value=3> 2 bedrooms </option>
<option value=4> 3 bedrooms </option>
<option value=5> 4 bedrooms </option>
</select>
<br>
<form>
<input type=button value="New Page" onclick="window.location.href='index1.html'">
</form>
</div>
<div data-role=footer data-position="fixed">
<h1 >Thanks</h1>
</div>
</div>
</body>
