19、jQuery Mobile 主题定制与资源获取全攻略

jQuery Mobile 主题定制与资源获取全攻略

1. jQuery Mobile 默认主题更改常见问答

在使用 jQuery Mobile 时，很多人会对默认主题的使用和修改存在疑问，以下是一些常见问题及解答：
|问题|解答|
| ---- | ---- |
|是否必须保留 jQuery Mobile 自带的默认样式？|不需要，jQuery Mobile 团队提供前五个样本样式只是示例，期望你对其进行修改、扩展等操作。|
|网站可以使用多少个主题？|允许使用一个主题，该主题最多可包含 26 个样本样式。你可以混合搭配这些样本样式的不同部分，创建独特的组合。|
|能否使用与自带图标集不匹配的自定义图标集，例如使用像素间距为 1 而不是 18 的精灵图？|可以，但需要创建支持自定义精灵图集的类。只要引用精灵图文件和自定义类，图标集就能在 jQuery Mobile 中正常使用。|

2. 主题相关知识测验与练习

测验

1. 用于将样本样式应用到元素的数据属性是什么？
   可以使用 data - theme 或 data - content - theme 来应用样本样式。
2. 自带精灵图中的默认图标大小是多少？
   对于普通屏幕分辨率，默认图标大小是 18px；对于高分辨率或视网膜显示屏，是 36px。
3. 判断：所有移动浏览器都会加载标准图标集和高分辨率图标集。