如何在CSS中爲製表符和移動設置橫向媒體查詢？

Question

我正在創建一個使用web視圖的android應用程序。我的應用程序總是以橫向模式打開。我需要針對移動設備和選項卡（均處於橫向模式）的不同用戶界面。如何在css中爲標籤頁和移動設備設置橫向媒體查詢？

Answer 1

對於媒體查詢設置爲橫向，你需要使用屬性orientation這樣的：

@media all and (orientation: landscape) { ... } 

要瞄準唯一的移動，標籤，電腦屏幕，你需要使用規則screen。所以最終的結果是這樣的：

@media screen and (orientation: landscape) { ... }