css3中calc在less编译时被计算的解决办法

2019-07-12  本文已影响0人  放任自由f0

css中写法
div {width : calc(100% - 30px);}
less中 由于less的计算方式跟calc方法有重叠,两者在一起有冲突
div {width : calc(~"100% - 30px");}
用变量的写法
div {
  @diff : 30px;
  width : calc(~"100% - @{diff}");
}

变量的用法
@urls: 'https://*****.com'; // 变量地址
.item-city{
background:url('@{urls}/logo.png');
}

上一篇 下一篇

猜你喜欢

热点阅读