手把手教您做WebAPP(2)

 时间:2024-10-14 14:53:32

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

手把手教您做WebAPP(2)

2、<!-- HTML5 shim and Respond.js for I苇质缵爨E8 support of HTML5 elements an颊俄岿髭d 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)
  • vmware 15 首选项显示设置
  • java:随机数的随机概率设置
  • VS2019如何在重命名文件时提示符号重命名
  • 联想笔记本win10怎么查看cpu
  • 在VS环境中,如何使用书签命令
  • 热门搜索
    手抄报花边图片 六一儿童节手抄报诗 关于动物的手抄报 致敬抗美援朝争做时代新人手抄报 关于理想的手抄报 关于童年的手抄报 五年级手抄报图片大全 感谢老师的手抄报 端午节手抄报句子大全 小学数学手抄报内容