移动端下使用scss的字体转换和px转换为rem

最新推荐文章于 2024-04-30 10:54:59 发布

荔枝吖

最新推荐文章于 2024-04-30 10:54:59 发布

阅读量686

点赞数

本文链接：https://blog.csdn.net/weixin_43650973/article/details/84931598

版权

先安装scss

npm install node-sass sass-loader

字体转换

@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;
    }
  }

px转换为rem

  @function px2rem ($px, $base-font-size: 64px) {
    @if unitless($px) {
      @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
      @return px2rem($px * 1px);
    } @else if unit($px) == rem {
      @return $px;
    }
    @return ($px / $base-font-size) * 1rem;
  }