较少和SCSS计算功能

Question

我通常使用SCSS因为它是趋势和我喜欢的趋势。我使用Less进行两者之间的比较。我发现使用Less时有一些奇怪的东西。

当我使用SCSS的calc功能（例如height: calc(100vh - 64px)）时，会将100vh转换为px，然后减去这两个数字并将其转换回{ {1}}单位究竟需要什么。

另一方面，当使用Less进行相同操作时，它会立即将减号后的数字转换为与之前相同的单位，然后减去非常奇怪的数字。因为在前面的例子中计算出的高度; 使用Less ;将vh 36vh，而不是calc(100vh - 64vh)。

使用Less时，有没有人知道如何解决这个问题？

Answer 1

当我从SASS到Less时，我遇到了同样的问题。您需要在calc()周围加上引号，并在其前面加~。然后它会正确计算。这就是所谓的Less Language Escaping。

<强>减：

.test-div {
  width: ~"calc(100vh + 60vh)";
}