使用SCSS / SASS计算百分比

Question

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

  

“...- width：（4/12）％”后的无效CSS：预期表达式（例如1px，   大胆），是“;”

我想做点什么

$my_width: (4/12)%;

div{
width: $my_width;
}

如何在那里添加％符号？

与px和em相同的问题

Answer 1

您是否尝试过percentage功能？

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

Answer 2

另一种方式：

$my_width: 4/12*100%;

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

Sass将输出％。

的值

Answer 3

我能够通过这种方式工作：

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

这样，您无需使用任何特殊功能。