将原生 CSS 最小/最大函数与 LESS 结合使用

Question

我想将min() CSS 函数与用 LESS 编写的样式表一起使用。然而，LESS 有自己的 min 和 max 函数来预先计算值（使得混合和匹配单位变得不可能）。我如何获得它，以便输出 CSS 具有我编写的最小/最大函数？

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

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

我使用 lessc 3.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