https://github.com/amfe/lib-flexible/tree/master/src

js主要适配页面布局

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

fontSize 使用dpr适配

使用sass预处理 单独新建一个mixin.scss

通过@minxin 加名称 就可以定义一个Mixins模块，在模块内你可以添加任何你想重复使用的样式。

@mixin font-dpr($font-size){ 
   font-size: $font-size; 
   [data-dpr="2"] & { 
       font-size: $font-size * 2; 
    } 
    [data-dpr="3"] & {
       font-size: $font-size * 3;
    }
}

在vue文件中使用方法

<style lang="scss" scoped>
    @import '../../style/mixin';
    #head_top {
        @include font-dpr(16px);
    }
</style>

 

 

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄