calc函数计算出来的值不生效。是跟less插件起冲突的原因,需将calc写法转换成字符串类型,比如:calc(~“100vh - 46px”)
注意点:
1.中间的运算符号两头都要有空格;
2.加上~符号,具体写法:height: calc(~“100vh - 46px”);
calc() 函数用于动态计算长度值。
需要注意的是:
- 运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
- 任何长度值都可以使用calc()函数进行计算;
- calc()函数支持 “+”, “-”, “*”, “/” 运算;
- 可以混合各种单位进行运算,比如:使用百分比%、rem、px等单位;;
- calc()函数使用标准的数学运算优先级规则;