sass中px转rem单位
Posted wfblog
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了sass中px转rem单位相关的知识，希望对你有一定的参考价值。
/*↓↓↓↓↓ @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单位的主要内容，如果未能解决你的问题，请参考以下文章