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