calc()在less中编译报错

发布时间:2019-06-14 14:00:01发布者:Mr.Zhang阅读(147)

calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?

calc() 函数用于动态计算长度值。

  • 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px)
  • 任何长度值都可以使用calc()函数进行计算;
  • calc()函数支持 "+", "-", "*", "/" 运算;
  • calc()函数使用标准的数学运算优先级规则;

 

问题

width: calc(100vh - 50px);
// 编译后
width: calc(50vh);

注:当时我就郁闷了,怎么会产生这样的现象呢?后来各种查,是由于less的计算方式跟calc方法有重叠,两者在一起有冲突

解决方法

width: calc(~"100vh - 50px");

 





本文转自博客园,原文地址:https://www.cnblogs.com/gaoht/p/11021876.html