Sass函数将像素转换为ems

在 Sass 中使用这个函数:

@function pem($pxval, $base: 16) {

@return #{$pxval/$base}em ;
}

(来源: https://gist.github.com/2237465 )
pem(16) 返回 1em ，没关系，但 pem(16px) 返回 1pxem 。

这个函数如何接受两种类型的输入？

谢谢

最佳答案

这似乎是 SASS 的 unitless() 函数的一个很好的用途。

@function pem($pxval, $base: 16) {
  @if (unitless($pxval)) {
    $pxval: $pxval * 1px;
  }

  @if (unitless($base)) {
    $base: $base * 1px;
  }

  @return $pxval / $base * 1em;
}

关于Sass函数将像素转换为ems，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11926485/