官网: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;
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐