如何使用CSS媒体查询检测设备方向？

小编典典

css

在JavaScript中，可以使用以下方式检测方向模式：

if (window.innerHeight > window.innerWidth) {
    portrait = true;
} else {
    portrait = false;
}

但是，有没有办法仅使用CSS来检测方向？

例如。就像是：

@media only screen and (width > height) { ... }

阅读 360

2020-05-16

共1个答案

小编典典

用于检测屏幕方向的CSS：

 @media screen and (orientation:portrait) { … }
 @media screen and (orientation:landscape) { … }

媒体查询的CSS定义位于

2020-05-16