我有这么一段 scss ,用于处理数值单位间的转换,如下:
@function check($val){
@if type-of($val)=="string"{
@return $val;
}
@if unit($val)=="px"{
@return $val/($val*0+1)+px;
}@else if unit($val)=="rem"{
@return $val/($val*0+1)/200+rem;
}@else{
@return $val;
}
}
利用以上方法创建 @mixin ,如下:
@mixin size($width, $height){
width: check($width);
height: check($width);
}
提问,当上面两段同时存在一个文件中的时候,运行 @include size(180px, 110px) 编译结果是 width: 180px; height: 120px;
但当把第一段代码存于另外的 scss 中,并通过 @charset "check" 引入到存储第二段代码的scss文件中,
同样运行 @include size(180px, 110px) ,为什么结果则变成了 width: check(180px); height: check(120px);
求教,这是为什么呢?
@charset "utf-8";
@import "mixin";