在less中不能正常使用css3的calc属性的解决方法

calc是css3增加的一个自动计算长度的方法

可以进行不同单位数值之间的四则运算,比如:

.test{
  width: calc(100% - 50px);
}

在less中使用的时候会有问题

less:
.test{
  width: calc(100% - 50px)
}

less编译后:
.test{
  width: 50%;
}

因为less 的算法和css3的calc 冲突导致,改为:

.test{
  width: calc(~"100% - 50px")
}


@diss = 50px;
.test{
  width: calc(~"100% - @{diss}")
}

你可能感兴趣的:(在less中不能正常使用css3的calc属性的解决方法)