使用SCSS/SASS计算百分比

Question

我想通过计算在scss中设置宽度百分比,但它给了我错误..

"...- width:(4/12)%"后的CSS无效:预期表达式(例如1px,粗体)为";"

我想做点什么

$my_width: (4/12)%;

div{
width: $my_width;
}

如何在那里添加%符号？

与px和em相同的问题

Answer 1

你试过百分比功能吗？

$my_width: percentage(4/12);
div{
width: $my_width;
}

@NickGinanto for px你可以在行的末尾添加`+ px`,例如`width:($ foo + $ bar)+ px` (4认同)
@DisgruntledGoat不,你应该**永远不要在任何情况下做到这一点.添加单位应该通过乘法来完成(例如`$ foo + $ bar*1px`),连接单位就像只给你一个字符串. (2认同)

Answer 2

其他方式:

$my_width: 4/12*100%;

div{
width: $my_width; // 33.33333%
}

Sass将输出%的值.

Answer 3

我能够让它以这种方式工作：

div{
   width: (4/12)* 1%;
   }

这样您就不需要使用任何特殊功能。