calc()在less中编译报错

2019-06-14 08:03:27来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【WEB基础】HTML & CSS 基础入门(5)边框与背景

下一篇:网页超级链接最好的打开方式