移动网站制作教程

1、新建一个HTML5文档，

2、因为移动网站通常是对设备屏幕自适应的，所以，首先应该使用html5的viewport功能，在html5文档中声明viewport

3、使用媒体查询方法，设置一个移动端网站的CSS，例如：<link rel="sty盟敢势袂lesheet" href="mb.css" media="screen and (max-device-width:768px)">

4、丰富HTML5文档的主题信息，在body内写入页面显示元素

5、为手机端的CSS设置基本样式

6、保存以上所有内容，当在设备屏幕宽度超过768px时，例如电脑设备，则不会使用移动端特定的CSS

7、当设备宽度小于768px时，则加载移动设备指定的CSS