当我输入以下较少的代码时:(将其粘贴到
http://less2css.org)
@item-width: 120px; @num-cols: 3; @margins: 2 * 20px; @layout-max-width: @num-cols * @item-width + @margins; @media (min-width: @layout-max-width) { .list { width: @layout-max-width; } }
…生成的CSS是:
@media (min-width: 3 * 120px + 40px) { .list { width: 400px; } }
请注意,媒体查询中的相同变量@ layout-max-width – 它会生成一个表达式(这不是我想要的),并且当用作width属性的值时,它会产生400px(这也是我想要的媒体查询.)
LESS中是否有正式语法使我能够这样做?
如果没有 – 有解决方法吗?