@media in mixin（lessphp）

Question

我想用这样的媒体查询制作自己的混音。

@maxWidth: 1170px;

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

但是mixin中的@media不起作用。是否支持它？如果没有，我该如何解决？

P.S。我不想在我的所有.less文件中制作这个规则的大量副本（@media屏幕和（max-width：@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