如何使用类扩展媒体查询

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 {} 
}