[原]JQuery mobile CSS 文件组织

时间:2022-05-28 07:20:56

从 JQuery mobile 1.4 开始, CSS 由3个部分组成,分别是 Icons、Theme和Structure

jquery.mobile-1.4.x.css:  包括了 <标准图标库>、Theme 和 Structure;

jquery.mobile.external-png-1.4.x.css: 包扩了 <外置PNG图标库>、Theme 和 Structure;

jquery.mobile.icons-1.4.x.css: 标准图标库, 包括 <内置SVG图标库>和<外置PNG图标库>,  浏览器将优先先使用 <内置SVG图标库>, 如果不支持则退化为使用 <外置PNG图标库>;也可以将 html 标签修改为 <html class="ui-nosvg"> 强制使用 <外置PNG图标库>;

jquery.mobile.inline-png-1.4.x.css:内置PNG图标库

jquery.mobile.inline-svg-1.4.x.css: 内置SVG图标库

jquery.mobile.structure-1.4.x.css: Structure, 如果要自定义主题,可按以下顺序引用: jquery.mobile.icons-1.4.x.css, jquery.mobile.structure-1.4.x.css, custom.theme.css

jquery.mobile.theme-1.4.x.css: Theme, 即标准主题

注1: 外置图标库需要依赖 images 文件夹下的 icons-png 文件夹;

注2:很奇怪为什么没有提供独立的<外置图标库>文件,如果需要的话,就从标准图标库修改一个出来吧;