码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-05-29 17:45:39      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:sass   syn   ror   style   percent   footer   less   color   pre   

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()

标签:sass   syn   ror   style   percent   footer   less   color   pre   

原文地址:https://www.cnblogs.com/qjuly/p/9106151.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!