美文网首页
scss单位计算

scss单位计算

作者: LemonTree7 | 来源:发表于2023-08-28 11:54 被阅读0次
    // rem转换:默认传数字会直接以100px=1rem进行计算
    @function px2rem($value, $base-font-size: 100) {
      $currentUnit: unit($value);
      @if unitless($value) {
        @return calc(($value / $base-font-size) * 1rem);
      }
      @else if($currentUnit ==px) {
        @return calc(($value / 100px) * 1rem);
      }
      @else if ($currentUnit =='%') {
        @return $value;
      }
      @else if ($currentUnit ==em) {
        @return $value;
      }
      @else {
        @return $value;
      }
    }
    

    附录:
    scss 单位转换Sass函数 (cha138.com)
    在Sass中向数字添加单位 - SamYoc 有壳
    Scss 判断一个值是否带有单位 - 完竣世界 (wanjunshijie.com)

    相关文章

      网友评论

          本文标题:scss单位计算

          本文链接:https://www.haomeiwen.com/subject/dvygmdtx.html