前端工程师必备之----移动端适配方案 hotcss

1.下载hotcss

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

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

import '@/hotcss.js'

全局样式文件中：

$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;

备注（转换使用koala）

koala 自行百度下载

 

设置输出地址后 就可以执行编译 生成css文件

 

example地址：https://github.com/yecaixin/hotcss/