Я пытаюсь определить медиа-запрос для не широкоформатных экранов, однако, похоже, не могу понять правила правильно. У меня квадратный экран, на котором я его тестирую.
Я пытался (min-aspect-ratio: 4/3), однако этот запрос проходит практически в любом случае. (максимальное соотношение сторон: 4/3) не влияет на мой квадратный монитор, поэтому я попробовал (минимальное соотношение сторон: 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%;
}
}
}