墨尘大神的hotcss--笔记

墨尘大神的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端访问体验。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容