sass - 铬无效的css

Question

我正在使用sass。我创建了一个将像素计算为rem的函数。但数值后面总是有空白，因此Chrome无法读取该属性。我怎样才能改变功能？

SASS

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


.header{ 
width: rem(120); 
} 

错误的CSS

.header{ 
width: 7.5 rem; 
} 

corrrect CSS

.header{ 
width: 7.5rem; 
} 

Answer 1

尝试这个插值：

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