我有一个将px转换为rem的函数。例如:
height: rem-calc(14px); // makes height: 1rem;
现在,我想从变量中进行计算。例如:
$switch-track-width: rem-calc(50px);
$switch-thumb-size: $switch-track-width / 2; // making it 25px or 1.7857rem in this case
那行不通,所以我尝试了其他方法:
$switch-thumb-size: ($switch-track-width / 2) + 0rem;
$switch-thumb-size: (#{$switch-track-width} / 2) + 0rem;
这两个$switch-thumb-size
例子都不起作用。现在这正在分裂,但我也无法获取times (*)
,plus (+)
并且无法minus (-)
工作。
使用2个变量进行计算时,我也遇到了问题。例如:
$switch-track-height: rem-calc(14px);
$switch-track-width: rem-calc(50px);
$switch-thumb-right: $switch-track-height - $switch-track-width;
我prever保持功能类似属性的变量内,而不是:height: rem-calc($switch-track-height);
。
如果有人可以告诉我如何在两个示例中使用SCSS变量进行计算,那将非常有帮助。
提前致谢
实际上可以输入一个编译为数字的公式:(第一个示例取自https://sass-lang.com/guide)
编译为
这仅适用于兼容的设备。否则像