CSS if else 条件，移动纵向或横向

Question

这个问题在这里已经有了答案:





How to determine if a device is in portrait or landscape mode using CSS

(1 个回答)


5年前关闭。




如何使用高度条件。没有javascript。

@media (calc(window-width > window-height)) {
    background-color: lightblue;
}
@media (calc(window-width <= window-height)) {
    background-color: lightgray;                
}

我想寻找移动设备以检测移动设备是否旋转为纵向或横向。

Answer 1

您可以使用方向约束:

@media handheld and (orientation: landscape) {
    /* applies to mobiles in landscape mode */
}
@media handheld and (orientation: portrait) {
    /* applies to mobiles in portrait mode */
}

多个规则用逗号分隔( OR )，否则使用 AND .

见 MDN .