將 px 轉換為(r)em
要將 px 轉換為 em 或 rem,你可以使用以下函式:
@function rem-calc($size, $font-size : $font-size) {
$font-size: $font-size + 0px;
$remSize: $size / $font-size;
@return #{$remSize}rem;
}
@function em-calc($size, $font-size : $font-size) {
$font-size: $font-size + 0px;
$remSize: $size / $font-size;
@return #{$remSize}em;
}
$font-size
是原始字型大小。
例如:
$font-size: 14;
body {
font-size: #{$font-size}px;
font-size: rem-calc(14px); // returns 1rem
// font-size: rem-calc(28); // returns 2rem
}