美文网首页
css3中calc在less编译时被计算的解决办法

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

作者: 放任自由f0 | 来源:发表于2019-07-12 14:15 被阅读0次

    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');
    }

    相关文章

      网友评论

          本文标题:css3中calc在less编译时被计算的解决办法

          本文链接:https://www.haomeiwen.com/subject/wrvekctx.html