media-queries - 如何使用类扩展媒体查询

Question

我尝试通过javascript切换显示模式。

假设我有一个带有“display_mobile”类的html元素，我试过：

@media only screen and (max-width: 767px), html.display_mobile {
/* mobile mode definitions */
}

但这不起作用。知道如何解决这个问题吗？

Answer 1

像这样。媒体查询不允许在条件中使用选择器。

@media only screen and (max-width: 767px) {
    html.display_mobile .any-definition {}
}