在 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;
}