LESS：在类中呈现媒体查询的内容（后备）

Question

您知道是否有办法将媒体查询的完全相同的内容呈现到 LESS 中的类中？

解释我的情况： 我首先使用移动设备并试图避免使用媒体查询进行覆盖。不幸的是，这最终排除了 ie8 及以下版本，因为桌面的大多数样式都包含在媒体查询中。我只为 IE8 提供桌面页面（固定宽度）。

所以在一天结束的时候我想把这个结合起来：

@media (min-width: 769px) {
    color: red;
}
.ie8 & {
    color: red;
}

用逗号链接它不起作用，因为它无效 (@media (min-width: 769px),.ie8 {})。 在 Sass 中，我可以通过使用 @content 的 mixin 来实现这一点。但我无法在 LESS 中做到这一点。

有没有人有解决方法如何在 LESS 中做到这一点？不知何故有一个循环？

Answer 1

我有同样的问题，在对分离规则集提出建议后，我开发了一个可能的解决方案，解释了here in details。

主要优点如下：

• 可以为媒体查询设置自定义屏幕宽度值，
• 传递媒体查询中使用的属性的MIN/MAX值（尝试传递“max”而不是“min”调用.MEDIAQUERY mixin）
• 通过@only-media boolean 切换简单媒体查询或媒体查询+后代选择器的生成。