phoneWebDemo手机网页开发模板

模板的作用：

　　1、在phone上就不会出现网页左右滑动现象

　　2、可以自适应不同手机屏幕大小

一共3个文件。

1、common.css

*{padding:0;margin:0;}
body{text-align:center;}

2、jquery-1.2.6.min.js

这是个jquery库，可以在网上下载。

3、index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script src="js/jquery-1.2.6.min.js"></script>
<title>title</title>

</head>
<body>
   从这里开始写内容，。。。。。。。
</body>

</html>

现在可以开始phoneweb的开发了。建议很多地方的宽度设置成100%，这样就会出现滚动条的现象了。