有什么办法可以在SASS / SCSS中转换单位?

时间:2019-10-05 02:10:25

标签: sass scss-mixins

我想通过图像宽度和元素宽度之间的比率来设置图像高度,并通过视图高度(vh)来显示它。因此,我这样写一个mixin:

@mixin image-high-by-ratio($image-width, $image-height, $adjust-height) {
  $ratio: 100vw / $image-width;
  $supposed-high: floor($image-height * $ratio);
  height: $supposed-high - $adjust-height;
}

我写这样的东西:

@include images-by-ratio(750px, 980px, 3vh);

它将引发错误:

Incompatible units: 'vh' and 'vw'.

我知道问题出在哪里,但是我想这里的单位$ratio应该是抽象数字,而不是视图宽度(vw),这样我就可以将其与视图高度({{ 1}})。

如果我想做这样的事情怎么办?还是有更好的方法通过SASS / SCSS计算图像比率?

0 个答案:

没有答案