scss单位计算

// 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)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容