scss 将px转换为rem

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 将px转换为rem相关的知识,希望对你有一定的参考价值。

set a var like $bodyFontSize: 16px;

@function em($px, $base: $bodyFontSize) {
 @return ($px / $base) * 1em;
}
then to set height in px but have it spit out EM:

.box {
  background: red;
  width: em(100px); 
  height: em(100px);
}

以上是关于scss 将px转换为rem的主要内容,如果未能解决你的问题,请参考以下文章

PC端网页rem适配方案

rem与px的转换

scss 使用rem与IE px后备

scss 使用px后退设置rem的行高。

css 将px单位转换为rem以及为什么?

scss 用于REM和PX的SASS Mixin