垂直长宽比媒体查询

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