前沿:
今天用到了calc的属性,但是在less文件中计算出来的有问题-计算中的第二个变量单位会按照第一个的来处理。
案例:
// less文件: .demo { min-height: calc(100vh - 150px); } // 编译后 .demo { min-height: calc(-50vh); }
解决:
// less文件 .demo { min-height: calc(~‘100vh - 150px‘); } // 编译后 .demo { min-height: calc(100vh - 150px); } // less编译的时候遇到了~‘‘的话就会正常输出,不会做转化
结语
问题虽小但是一旦出现了真的很困扰,希望能帮助到大家,祝大家工作顺利