scss中@function rem（$n）是什么意思

在 SCSS 中，`@function rem($n)` 是一个自定义函数，用于将像素值转换成 rem 值。该函数将像素值 `$n` 作为参数，然后将其除以基准字号（通常是 16px）得出 rem 值。例如，如果将像素值 32 作为参数传递给该函数，则将返回 2rem。

以下是一个示例：

$base-font-size: 16px;

@function rem($n) {
  @return #{$n / $base-font-size}rem;
}

// 使用 rem() 函数
body {
  font-size: rem(18px);
  line-height: rem(24px);
}

在这个示例中，`$base-font-size` 变量定义了基准字号为 16px。`@function rem($n)` 函数将像素值 `$n` 除以 `$base-font-size` 得出 rem 值，并使用插值语法将其作为字符串返回。在 `body` 元素的样式中，使用 `rem()` 函数将像素值转换为 rem 值。