sass中px转rem单位

标签：需要   return   sass   footer   def   需求   function   browser   size   

/*↓↓↓↓↓ @function实现px转化rem单位 推荐使用这种方法 ↓↓↓↓↓↓↓↓*/
$browser-default-font-size: 16px !default;//变量的值可以根据自己需求定义
html {font-size: $browser-default-font-size;}
@function pxTorem($px){//$px为需要转换的字号
@return $px / $browser-default-font-size * 1rem;
}

.header {
font-size: pxTorem(18px);
}

/*↓↓↓↓↓ @mixin实现px转化rem单位 ↓↓↓↓↓↓↓↓*/
$browser-default-font-size: 16px !default;//变量的值可以根据自己需求定义
html {font-size: $browser-default-font-size;}
@mixin font-size($target){
font-size: $target;
font-size: ($target / $browser-default-font-size) * 1rem;
}

.footer {
@include font-size(18px);
}

sass中px转rem单位

标签：需要   return   sass   footer   def   需求   function   browser   size   

原文地址：https://www.cnblogs.com/wfblog/p/8747969.html