定义了一个 px 转 rem 的函数

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

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

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
    .content {
        height: calc(100vh - #{remP(100)});
    }

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

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄