墨塵大神的hottcss的github地址:http://imochen.github.io/hotcss/
1.hotcss.js
hotcss.js必須在其他js加載前加載。
2.css
目錄下有px2rem.scss/px2rem.less兩個(gè)文件,這是hotcss提供的將px轉(zhuǎn)換成rem的方法。
墨塵大大推薦用scss來編寫css(我是小白,最先還是直接用css寫的。現(xiàn)在正在學(xué)習(xí)使用koala)。koala地址:http://koala-app.com/index-zh.html
2.1用scss編寫,在scss文件頭部使用 import將px2rem導(dǎo)入。
2.2使用單一尺寸設(shè)計(jì)圖,可以在px2rem.scss中定義全局的designWidth。
3.關(guān)于部分蘋果手機(jī)微信長(zhǎng)按二維碼失效,可以使用
<meta name="hotcss" content="initial-dpr=1">(自己試過是可以)
但是,強(qiáng)制設(shè)置dpr=1后,css中的1px在2x,3x屏上則不再是真是的1px。(我還是沒有搞明白!)
4.有關(guān)于字體大小。
rem單位,在部分手機(jī)中顯示字體變大了,可以在父容器中max-height:100%;解決。
5.關(guān)于max-width
默認(rèn):<meta name="hotcss" ?content="max-width=540">
設(shè)置他的值來優(yōu)化平板和pc端訪問體驗(yàn)。