Scss 将一个不带单位的数字转换成百分比形式

css yekong

percentage()

percentage()函数主要是将一个不带单位的数字转换成百分比形式:


>> percentage(.2)
20%
>> percentage(2px / 10px)
20%
>> percentage(2em / 10em)
20%
>>
.footer{
    width : percentage(.2)
}

编译后的 css 代码:


.footer{
    width : 20%
}

如果您转换的值是一个带有单位的值,那么在编译的时候会报错误信息:

>> percentage(2px / 10em)
SyntaxError: $value: 0.2px/em is not a unitless number for `percentage'
喜欢