sass 插值语句的使用

Posted 2021-11-28 3body

定义了一个 px 转 rem 的函数

@function remP($px) {
    @return $px / (750 / 15) * 1rem;
}

在使用 calc 的时候想要使用函数求值的时候遇到了需要使用插值语句来完成的情况

    .content {
        height: calc(100vh - #{remP(100)});
    }

这里不能直接使用 remP(100)，需要使用 #{} 差值语句将变量函数等求值才行