sass - chrome 的无效 css [重复]

Question

我正在使用 sass。我创建了一个将像素计算为 rem 的函数。但是数值后面总是有一个空格，因此 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;
}