首页 > 解决方案 > 垂直纵横比媒体查询

问题描述

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

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

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

标签: csshtmlmedia-queries

解决方案


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

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

推荐阅读