墨尘大神的hottcss的github地址:http://imochen.github.io/hotcss/
1.hotcss.js
hotcss.js必须在其他js加载前加载。
2.css
目录下有px2rem.scss/px2rem.less两个文件,这是hotcss提供的将px转换成rem的方法。
墨尘大大推荐用scss来编写css(我是小白,最先还是直接用css写的。现在正在学习使用koala)。koala地址:http://koala-app.com/index-zh.html
2.1用scss编写,在scss文件头部使用 import将px2rem导入。
2.2使用单一尺寸设计图,可以在px2rem.scss中定义全局的designWidth。
3.关于部分苹果手机微信长按二维码失效,可以使用
<meta name="hotcss" content="initial-dpr=1">(自己试过是可以)
但是,强制设置dpr=1后,css中的1px在2x,3x屏上则不再是真是的1px。(我还是没有搞明白!)
4.有关于字体大小。
rem单位,在部分手机中显示字体变大了,可以在父容器中max-height:100%;解决。
5.关于max-width
默认:<meta name="hotcss" content="max-width=540">
设置他的值来优化平板和pc端访问体验。
网友评论