sass - chrome的css无效

Question

我正在使用sass。我创建了一个计算像素的函数。但是数值后面总是有一个空格，因此Chrome无法读取该属性。我该如何更改功能？

SASS

@function rem($pixels) {
  @return ($pixels/16)rem;
}


.header{
width: rem(120);
}

错误的CSS

.header{
width: 7.5 rem;
}

纠正CSS

   .header{
width: 7.5rem;
}

Answer 1

尝试插值：

@function rem($pixels) {
  @return #{($pixels/16)}rem;
}