当前位置： 移动技术网 > IT编程>网页制作>CSS > calc()在less中编译报错

calc()在less中编译报错

2019年06月15日  | 移动技术网IT编程  | 我要评论

铠甲勇士全集播放,夏岚馨,在中国吃猪肉等于自杀

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");

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网