scss 里定义函数

@function px2vw($px, $designWidth: 750) {
  @return ($px / $designWidth) * 100vw;
}

.example {
  margin-top: px2vw(-580, 720) !important; // 假设设计稿宽度为 720px
}

项目里的

@function px2vw($px, $display) {
    @return calc($px / $display) * 100vw;
}
@function fluid($display-max, $display-min, $maxValue, $minValue) {
    $x: calc(($maxValue - $minValue) / ($display-max - $display-min));
    $y: calc($maxValue - $display-max * $x);
    @return calc(#{100 * $x}vw + #{$y}px);
}