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

小编典典

all

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

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

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

例如。就像是：

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

阅读 71

2022-07-27

共1个答案

小编典典

用于检测屏幕方向的 CSS：

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

2022-07-27