200个酷炫的数据可视化大屏总有一款适合你(含演示实例)，30款 vue3 数据可视化大屏登录页下载

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

css

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'
喜欢