美文网首页适配
墨尘大神的hotcss--笔记

墨尘大神的hotcss--笔记

作者: 奶酪凌 | 来源:发表于2017-03-01 15:48 被阅读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端访问体验。

    相关文章

      网友评论

        本文标题:墨尘大神的hotcss--笔记

        本文链接:https://www.haomeiwen.com/subject/jajqgttx.html