在sass/scss中生成变量的乘积

我需要在sass/scss中的两个变量之间生成一个乘积。但当我看到编译后的文件时，我看到：

h1 {
    font-size: 2em * 1em;
  }

这是生成它的代码：

$h1: 2em;
@mixin setHeadingFont($smartphonePortraitFontSize:1em) {
    h1 {
        font-size: #{($h1 * #{$smartphonePortraitFontSize})};
    }

@include setHeadingFont();

我也尝试过：

font-size: #{(#{$h1} * #{$smartphonePortraitFontSize})};

或

或

或

我怎样才能解决它

---

谢谢

如果有人对此感兴趣，我发现了一个问题：

@function removeUnit($num) {
    @return ($num / ($num * 0 + 1));
}

@function getUnit($num){
    @return (unit($num));
}

$unit_num: getUnit($smartphonePortraitFontSize);
h1 {
     font-size: (removeUnit($h1) * removeUnit($smartphonePortraitFontSize))#{$unit_num};
}

---

能否从

$SmartPhoneSize:1em

中删除“em”？这将解决您的问题。但我希望用户可以使用他们想要的所有单位，而不仅仅是em。最好让用户选择单位，这是我的范围@AymanSafadi+1，比我快！然而，已经有一个与

getUnit

相当的本机版本，它只是：

font-size: $h1 * $smartphonePortraitFontSize;

font-size: #{$h1} * #{$smartphonePortraitFontSize};

@function removeUnit($num) {
    @return ($num / ($num * 0 + 1));
}

@function getUnit($num){
    @return (unit($num));
}

$unit_num: getUnit($smartphonePortraitFontSize);
h1 {
     font-size: (removeUnit($h1) * removeUnit($smartphonePortraitFontSize))#{$unit_num};
}