如何在 css 中为标签页和移动设备设置横向媒体查询？

Question

我正在使用网络创建一个 android 应用程序 view.My 应用程序总是横向打开 mode.I 需要不同的 UI 用于移动设备和选项卡（均处于横向模式）。如何在 css?

中为标签页和移动设备设置横向媒体查询

Answer 1

要将媒体查询设置为横向，您需要像这样使用 属性 orientation :

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

要仅针对移动设备、标签页、计算机屏幕，您需要使用规则 screen。所以最后的结果是这样的：

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