hotcss使用笔记

官网：http://imochen.github.io/hotcss/
GitHub：https://github.com/imochen/hotcss

下载hotcss，在main.js中导入：

import '@/assets/hotcss.js'

vue-cli配置全局样式文件，vue-cli2和3配置不一样，要区分。

全局样式文件中：

$designWidth: 750; //如设计图是750
@function px2rem($px) {
    @return $px*320/$designWidth/20+rem;
}

使用（不需要加单位）：

  width:px2rem(100);
  height:px2rem(210);

css转换后：

    width: 2.13333rem;
    height: 4.48rem;