Sass函数将像素转换为ems

Question

在 Sass 中使用这个函数:

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

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

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

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

谢谢

Answer 1

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

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

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

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