@media in mixin (lessphp)答案

【问题标题】：@media in mixin (lessphp)@media in mixin (lessphp)
【发布时间】：2016-01-18 05:02:36
【问题描述】：

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

@maxWidth: 1170px;

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

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

附：我不想在我的所有 .less 文件中复制很多这条规则（@media screen 和（max-width: @maxWidth））。

谢谢！

【问题讨论】：

好吧，Less 没有神奇的 @content 指令 - mixins 参数包括。规则should be passed explicitly。虽然lessphp 是太过时的编译器，不支持太多当今的功能，但你宁愿被有限的Less 方言所困，或者需要考虑更多最新的替代方案，如less.php。
谢谢！我决定从我的 WordPress 主题中删除所有与 lessphp 相关的文件，经过长时间的搜索，我认为使用 SCSS 制作酷炫的功能会更容易更好

【解决方案1】：

考虑为您需要的断点使用变量作为示例：

@maxWidth: ~"screen and (max-width: 1170px)";

@media @maxWidth {
   color: red;
 }

【讨论】：

谢谢它的工作，但我想用内部@media 制作一个混合，并在所有文件中使用这个混合，我认为这是不可能的 - 一个混合与 @media 用于所有文件较少的文件