calc less 下不起作用
在 less中不能使用css3 calc属性不能
css3 新增长度计算属性 可以根据不同单位计算宽度
.test{
width: calc(100% - 150px);
}
但是当我们在less中使用这个方法的时候却出现了问题:
less中写法:
.test{
width: calc(100% - 150px)
}
less编译后:
.test{
width: -50%;
}
现这个问题的原因是less的运算方式和calc发送了冲突,要解决这个问题可以这样设置:
.test{
width: calc(~"100% - 50px");
}
如果进行数值和变量之间的运算可以这样设置:
@diss = 50px
.test{
width: calc(~"100% - @{diss}")
}
浙公网安备 33010602011771号