网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

手把手教您做WebAPP(2)

时间:2026-02-14 00:50:16

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

手把手教您做WebAPP(2)

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和媒体查询,如下图所示。

手把手教您做WebAPP(2)

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

手把手教您做WebAPP(2)

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

手把手教您做WebAPP(2)

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

手把手教您做WebAPP(2)

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

手把手教您做WebAPP(2)

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

手把手教您做WebAPP(2)

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

手把手教您做WebAPP(2)

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com