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的可能解决方案。

主要的PRO如下：

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