更少的 CSS “max” 函数在列表中不起作用答案

【问题标题】：Less CSS "max" function not working on list更少的 CSS “max” 函数在列表中不起作用
【发布时间】：2014-08-15 17:48:00
【问题描述】：

我有一个名为“.align”的参数混合，它接受一个高度列表的参数：

.align(@parent, @child, @heights) ...

我这样调用函数：

.align(rectangle, img, 154px 152px 166px 166px 159px 112px);

以这种方式调用函数时，我收到错误“操作无效类型”。我已将问题隔离到“.align”中的这段代码：

@highest-height: max(@heights);

这对我来说很奇怪，因为 1. 我之前做过几乎完全相同的事情 2. 因为当我将高度列表 (154px 152px 166px 166px 159px 112px) 放入 mixin 中时，而不是通过它mixin，它在“max”函数中工作正常。

【问题讨论】：

标签： css less frontend

【解决方案1】：

(临时答案：) 这个最小测试按预期编译（小于 1.7.4）：

x {
    .align(rectangle, img, 154px 152px 166px 166px 159px 112px);
    y: @highest-height;
}

.align(@parent, @child, @heights) {
    @highest-height: max(@heights);    
}

所以问题出在其他地方。事实上max 函数本身不能生成这样的错误消息，通常会为具有无效操作数的算术表达式抛出“对无效类型的操作”（类似于(1 + a)）。所以我想我们需要更多的代码来找出问题所在。

【讨论】：