sass 数字的百分比

Question

我被困在这里了。我想像这样计算 10rem 的 2/3：

$percentage : percentage(2/3); // 66.666667%
$width      : 10rem;
$calculate  : do magic: 66.666667% of 10rem;
 
img { max-height: calc( 100vh - $calculate ); }

我一直在查看 SASS 文档。我只能找到一些关于数学函数的东西，而不是太多关于百分比的东西。

Answer 1

percentage(2/3) 函数调用附加了一个 %。您不能将其与 10rem 等非无单位值相乘。相反，直接计算它：

img { 
    max-height: calc(100vh - #{2/3 * 10rem});
}

需要 #{}（插值）来呈现 Css calc() 表达式中的计算结果。

阅读更多关于...

Sass插值：https://sass-lang.com/documentation/interpolation
运营商：https://sass-lang.com/documentation/operators/numeric

sass 数字的百分比

sass percentage of a number

sass

percentage