calc在less中计算不准确

背景:在less使用calc方法,

width : calc(100% - 16px);

结果在编译后浏览器中显示为:

原因:less的计算方式跟calc方法有重叠,两者在一起有冲突。

解决方案:使用 “~”符号告诉less不需要编译
例:

width : calc(~"100% - 16px");
@diffWidth: 16px;
width : calc(~"100% -@diffWidth");

猜你喜欢

转载自blog.csdn.net/ligaoming_123/article/details/88526993
今日推荐