vue在less中使用calc 的问题

场景:
在less中,calc(100% - 40px )等带单位混合运算会被less解析忽略单位,全部按照百分比计算,calc(100% - 40px )就会被less编译成calc(96%);
原因:
less的计算方式跟calc方法有重叠
解决:

  • width:e("calc(100% - 40px)");
  • width:calc(~"100% - 40px");

参考:https://www.douban.com/note/689710711/

你可能感兴趣的:(vue在less中使用calc 的问题)