Less.js：错误评估函数“ min”：不兼容的类型

问题描述

我的_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）中工作正常。

解决方法

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

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