LESS 文件中的 Javascript 计算错误

Question

我在 less 文件中有以下代码:

@winheight: unit(`document.documentElement.clientHeight`, px);

我想在以下位置调用该变量:

.test {
    height: ~"@{winheight}";
}

但我仍然在变量 @winheight 处收到错误:

LESS: JavaScript evaluation error: 'TypeError: 'document.documentElement.clientHeight' is null or not an object'

如何解决这个问题？我的错误在哪里？

Answer 1

document.documentElement.clientHeight 只能在运行 less.js 时存在，在浏览器中查看:http://lesscss.org/usage/#using-less-in-the-browser 。

在所有其他情况下，您的 Less 代码将被编译为静态 CSS 代码。