使用LESS的本地CSS min/max函数

Question

我想使用min() CSS函数与用LESS编写的样式表。然而，LESS有自己的min和max函数来预先计算值(因此不可能混合和匹配单元)。我如何得到它，使输出CSS有最小/最大函数，因为我写他们?

下面是LESS文件中的样式，它也应该是预期的输出。

canvas {
background: white;
width: min(95vh, 95vw);
height: min(95vh, 95vw);
}

我使用的是less3.13.1，它会产生以下错误:

ArgumentError: error evaluating function `min`: incompatible types in <snipped> on line 49, column 12:
48     background: white;
49     width: min(95vh, 95vw);
50     height: min(95vh, 95vw);

Answer 1

使用LESS'字符串转义功能将一个普通字符串传递给CSS。

canvas {
background: white;
width: ~"min(95vh, 95vw)";  
height: ~"min(95vh, 95vw)"; 
}

参见: Less不支持新的数学函数(例如min, max) #3463