将下面的函数置于在tools.scss工具文件中,在vue.config.js中引入
1、先设置scss变量
$vm_base: 1920;
$vh_base: 1080;
2、计算vw
@function vw($px) {
@return ($px / $vm_base) * 100vw;
}
3、计算vh
@function vh($px) {
@return ($px / $vh_base) * 100vh;
}
3、在vue.config.js中引入tools.scss工具文件后使用(部分代码如下图)
使用:
.head{
font-size:vh(100);
}