背景:在less使用calc方法,
width : calc(100% - 16px);
结果在编译后浏览器中显示为:
原因:less的计算方式跟calc方法有重叠,两者在一起有冲突。
解决方案:使用 “~”符号告诉less不需要编译
例:
width : calc(~"100% - 16px");
@diffWidth: 16px;
width : calc(~"100% -@diffWidth");
背景:在less使用calc方法,
width : calc(100% - 16px);
结果在编译后浏览器中显示为:
原因:less的计算方式跟calc方法有重叠,两者在一起有冲突。
解决方案:使用 “~”符号告诉less不需要编译
例:
width : calc(~"100% - 16px");
@diffWidth: 16px;
width : calc(~"100% -@diffWidth");