手把手教您做WebAPP（2）

1、        使用HTML5编辑器新建HTML5文件，HTML5是指使用HTML5声明的网页文件。如下图所示，就是一个标准的HTML5文件。

2、<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>

      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

    <![endif]-->

      在项目文件添加上述Javascript库，用来支持HTML5和媒体查询，如下图所示。

3、使用Javascript控制根元素字体大小，图片和文字大小都以rem为单位。如下图所示。

4、访问JQuery官方网站，下载最新的JQuery库，如下图所示。

5、访问JQuery Mobile官方网站，下载最新的JQuery Mobile。

6、引入JQuery Mobile库和样式文件，如下图所示。

7、JQuery Mobile基本页面结构，如下图所示。

8、使用data-position="fixed" ，为底部或是头部固定，如下图所示。