如何使用類擴展媒體查詢

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