@media in mixin (lessphp)

Question

我想用这样的媒体查询进行自己的混合。

@maxWidth: 1170px;
.breakpoint(@maxWidth) {
  @media screen and (max-width: @maxWidth) {
    @content;
   }
 }

但是@media混合不起作用。支持它 lessphp 与否？如果没有，我该如何解决？

附言我不想在我的所有 .less 文件中制作此规则的大量副本（@media屏幕和（最大宽度：@maxWidth））。

谢谢！

Answer 1

例如，考虑对所需断点使用变量：

@maxWidth: ~"screen and (max-width: 1170px)";
@media @maxWidth {
   color: red;
 }

例如：http://lesscss.org/less-preview/#%7B%22less%22%3A%22%40maxWidth%3A%20~%5C%22screen%20and%20（max-width%3A%201170px）%5C%22%3B%5Cn%5Cn%40media%20%40maxWidth%20%7B%5Cn%20%20%20color%3A%20red%3B%5Cn%20%7D%22%7D