1. 问题
写 less 时,当写下如下语句时
// less
margin-left: 50VW - (@width/2);
会发现页面中的样式与预期不符,查询编译为 css 的文件,发先上述语句生成的 css 为:
// css
margin-left: -940VW;
这显然不是我们想要的。
经测试发现这是因为 less 和 calc 产生冲突。
2. 解决:
将原语句增加 calc 先计算除结果即可
//less
margin-left: calc(50vw - @width/2)
// css
margin-left: calc(50vw - 1980px/2);