css - Less.js : error evaluating function `min` : incompatible types

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;
}