技术文章分类(180)

技术随笔(11)

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%,这样就会出现滚动条的现象了。

posted @ 2014-03-21 10:42  坤哥MartinLi  阅读(570)  评论(0编辑  收藏  举报