垂直纵横比媒体查询

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;
    }
}