calc在预编译语言中的使用(Less&Scss)
2019年8月17日...小于 1 分钟
问题:在 less 中使用 calc ,转为 css 时 calc(50% - 40px) 被转为 calc(10%) ,解析时忽略了单位直接计算再加百分号;
原因:less 的计算方式和 calc 方法有重叠,两者在一起有冲突;
解决:width: e("calc(50% - 40px)");
或 width: calc(~"100% - 40px");
引申:在 scss 中使用 width: calc(#{$thirdWidth} - #{$padding});
解决问题