适配

墨尘大神的hotcss--笔记

2017-03-01  本文已影响0人  奶酪凌

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

上一篇下一篇

猜你喜欢

热点阅读