css的calc在less文件中计算有误问题

前沿:

　　今天用到了calc的属性，但是在less文件中计算出来的有问题-计算中的第二个变量单位会按照第一个的来处理。

案例:

// less文件:
    .demo {
        min-height: calc(100vh - 150px);
    }

// 编译后
     .demo {
        min-height: calc(-50vh);
    }

解决:

// less文件    
    .demo {
        min-height: calc(~'100vh - 150px');
    }

// 编译后    
    .demo {
        min-height: calc(100vh - 150px);
    }

// less编译的时候遇到了~''的话就会正常输出，不会做转化

结语

　　问题虽小但是一旦出现了真的很困扰，希望能帮助到大家，祝大家工作顺利