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

    技术2022-07-20  79

    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/

     

     

     

    Processed: 0.013, SQL: 9