处理CSS中的“vw”单位

Question

我在SASS中有一个保证金变量，如：

$space-xxl: 8vw;

我正在使用像

这样的元素

.element {
    margin-bottom: $space-xxl;
}

这很好用，因为边距取决于屏幕宽度。我需要对旧版浏览器进行回退，这是最好的方法吗？

$space-xxl: 8em;
$space-xxl: 8vw;

Answer 1

不，我认为后备需要在元素本身，因为编译后浏览器不会读取SASS变量。

.element {
    margin-bottom: 8em;
    margin-bottom: $space-xxl;
}