Sass函数：数字函数-percentage()

Posted 2020-11-09 keep

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Sass函数：数字函数-percentage()相关的知识，希望对你有一定的参考价值。

1、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‘

以上是关于Sass函数：数字函数-percentage()的主要内容，如果未能解决你的问题，请参考以下文章