我正在尝试为非宽屏定义媒体查询,但是我似乎无法正确制定规则。我有一个方形屏幕,正在对此进行测试。
我尝试了(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%;
}
}
}