css - 垂直纵横比媒体查询

Question

我想实现这个媒体查询的反面:

@media screen and (aspect-ratio: 16/9) {
    .name {
        background: blue;
        overflow: visible;
    }
}

因此纵横比 9/16 为垂直的。我怎样才能做到这一点？

Answer 1

将媒体查询中的纵横比更改为 9/16。

@media screen and (aspect-ratio: 9/16) {
    .name {
        background: blue;
        overflow: visible;
    }
}