css - 使用 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;
}

Answer 2

其他方式：

$my_width: 4/12*100%;

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

Sass 将以 % 为单位输出值。

Answer 3

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

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

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