用SCSS / SASS计算百分比

CSS

飞云Tom

2020-03-17

我想通过计算以百分比形式在scss中设置宽度,但这给了我错误。

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

我想做类似的事情

$my_width: (4/12)%;

div{
width: $my_width;
}

如何在其中添加%号?

px和em同样的问题

第1970篇《用SCSS / SASS计算百分比》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
6的不行 2020.03.17

另一种方式:

$my_width: 4/12*100%;

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

Sass将输出以%为单位的值。

小卤蛋十三 2020.03.17

您是否尝试过百分比功能?

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android