calc在预编译语言中的使用(Less&Scss)

问题:在 less 中使用 calc ,转为 css 时 calc(50% - 40px) 被转为 calc(10%) ,解析时忽略了单位直接计算再加百分号;

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

解决:width: e("calc(50% - 40px)");width: calc(~"100% - 40px");

引申:在 scss 中使用 width: calc(#{$thirdWidth} - #{$padding}); 解决问题

MIT Licensed | Copyright © 2017-present 进击的学霸, 自豪的使用 七牛云,已加入十年之约