无法通过媒体查询定位非宽屏显示

时间:2019-06-03 17:28:06

标签: sass media-queries

我正在尝试为非宽屏定义媒体查询,但是我似乎无法正确制定规则。我有一个方形屏幕,正在对此进行测试。

我尝试了(min-aspect-ratio:4/3),但是该查询几乎在任何情况下都可以通过。 (max-aspect-ratio:4/3)不会影响我的方形显示器,因此我尝试了(min-aspect-ratio:1.25 / 1,没有结果。

我觉得我缺少什么。

 @include breakpoint(small) {
        &::before {
            content: '';
            background-image: url('../../images/desi_modal.png');
            background-size: 130%;
            background-repeat: no-repeat;
            background-position: bottom right;
            position: absolute;
            bottom: -50px;
            right: 45%;
            height: calc(100% + 50px);
            width: 45%;
            z-index: 1;
            @media screen and (max-aspect-ratio:4/3) {
                width: 55%;
                right: 37%;
                background-size: 140%;
            }
            @include breakpoint(xlarge) {
                height: 105%;
                width: 44%;
            }
        }
    }

0 个答案:

没有答案