[原]JQuery mobile CSS 文件組織

時間 2019-11-16

原文原文鏈接

從 JQuery mobile 1.4 開始, CSS 由3個部分組成，分別是 Icons、Theme和Structurecss

jquery.mobile-1.4.x.css: 包括了 <標準圖標庫>、Theme 和 Structure；html

jquery.mobile.external-png-1.4.x.css: 包擴了 <外置PNG圖標庫>、Theme 和 Structure； jquery

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圖標庫svg

jquery.mobile.inline-svg-1.4.x.css: 內置SVG圖標庫ui

jquery.mobile.structure-1.4.x.css: Structure, 若是要自定義主題，可按如下順序引用: jquery.mobile.icons-1.4.x.css, jquery.mobile.structure-1.4.x.css, custom.theme.cssspa

jquery.mobile.theme-1.4.x.css: Theme，即標準主題htm

注1: 外置圖標庫須要依賴 images 文件夾下的 icons-png 文件夾；class

注2：很奇怪爲何沒有提供獨立的<外置圖標庫>文件，若是須要的話，就從標準圖標庫修改一個出來吧；mobile