我想通过图像宽度和元素宽度之间的比率来设置图像高度,并通过视图高度(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计算图像比率?