如何在CSS中为制表符和移动设置横向媒体查询？

Question

我正在创建一个使用web视图的android应用程序。我的应用程序总是以横向模式打开。我需要针对移动设备和选项卡（均处于横向模式）的不同用户界面。如何在css中为标签页和移动设备设置横向媒体查询？

Answer 1

对于媒体查询设置为横向，你需要使用属性orientation这样的：

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

要瞄准唯一的移动，标签，电脑屏幕，你需要使用规则screen。所以最终的结果是这样的：

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