jQuery Moblie 页面模版(基础)

jQuery Mobile 是一个用来构建跨平台移动web应用程序的新UI框架,具有使用简单的特点。在短短几分钟内,你可以创建出能够在当今可用的近乎所有手机、平板电脑、台式机和电子阅读器设备上运行的优化移动应用程序。

jQuery Mobile具备的一些重要特性:

1. 通用访问;

2. 跨所有移动平台的统一UI

3. 简化的标记驱动的开发

4. 渐进式增强

5. 响应式设计

6. 可主体化的设计

7. 可访问性

基本的模版页面:

博客不支持显示html代码,暂不放出!

device-width值表示,让内容扩展到屏幕的整个宽度;initial-scale设置了用来查看Web页面的初始缩放百分比或者缩放因数。

jQuery Mobile 的css会为所有的A级和B级浏览器应用风格的优化,可以根据需要自定义或添加自己的CSS

jQuery 库是jQuery Mobile 的一个核心依赖,如果app需要更多的动态行为,则需要在移动页面中使用jQuery的核心API

jQuery Mobile Javascript库必须在jQuery和任何可能存在的自定义脚本之后声明。

data-role="header"是页眉或者标题栏,该属性是可选的; 
data-role="content"是内容主体的包装容器,该属性是可选的。 
data-role="footer"包含页脚栏,该属性是可选的。

评论当前被关闭。

Copyright © All Rights Reserved · 菁菁博客 Since 2012 · Proudly powered by WordPress