Css 在媒体查询中使用较少的变量

Css 在媒体查询中使用较少的变量,css,less,Css,Less,当我输入以下代码时:(将其粘贴到) 。。。产生的CSS是: @media (min-width: 3 * 120px + 40px) { .list { width: 400px; } } 请注意,相同的变量@layout max width-在媒体查询中,它生成一个表达式(这不是我想要的),当用作width属性的值时,它生成400px(这也是我想要的媒体查询) LESS中是否有正式语法使我能够这样做 如果没有-是否有解决方法?由于数学设置 默认情况下,LESS期望数学运算在括

当我输入以下代码时:(将其粘贴到)

。。。产生的CSS是:

@media (min-width: 3 * 120px + 40px) {
  .list {
    width: 400px;
  }
}
请注意,相同的变量
@layout max width
-在媒体查询中,它生成一个表达式(这不是我想要的),当用作width属性的值时,它生成400px(这也是我想要的媒体查询)

LESS中是否有正式语法使我能够这样做

如果没有-是否有解决方法?

由于数学设置 默认情况下,LESS期望数学运算在括号中(
strict math=on
)。因此,您的变量需要这些值周围的值才能正确计算,如下所示:

@layout-max-width: (@num-cols * @item-width + @margins);

然后,您的原始代码将按预期输出。

谢谢,我觉得有一个简单的解决方案。我自己解决这个问题可能要花很多时间,谢谢!很高兴看到一个我认识的头像,很有魅力
@layout-max-width: (@num-cols * @item-width + @margins);