Less.js: 评估函数 `min` 时出错：类型不兼容

Question

我的 _main.less 文件中有以下样式

#mapid {
  width: 100%;
  min-height: min(65vh, 500px);
  max-height: 500px;
}

但是 Less 编译器抱怨（使用 grunt）

>> File "public/less/_main.less" changed.
Running "less:development" (less) task
>> ./public/less/_main.less: [L86:C14] error evaluating function `min`: incompatible types
Warning: Error compiling ./public/less/_main.less Use --force to continue.

Aborted due to warnings.

但这在 CSS (see docs) 中工作正常。

Answer 1

参考Disable LESS-CSS Overwriting calc()，可以在LessCSS中使用转义字符串：

#mapid {
    width: 100%;
    min-height: ~"min(65vh, 500px)";
    max-height: 500px;
}