SCSS媒体查询宽高比不起作用

我是SCSS的新手，并且我试图保持网站封面图像的良好质量。无论如何，css运作良好，而scss却无法运作。

SCSS

#page-login-index {
@media screen and (min-aspect-ratio: 5/4) {
    background-color: red;
}}

的CSS

@media screen and (min-aspect-ratio: 5/4) {
#page-login-index {
background-color: red;
}}

我需要在SCSS中执行此操作，因为我从PHP加载了一些东西。我注意到当min-height正常工作时，aspect-ratio和device-aspect-ratio不起作用。

    @media (min-aspect-ratio: 5/4) {
        background-image: url('someurl');
    }

$aspect54 : "(min-aspect-ratio: 5/4)";        
@media #{$aspect54} {
            background-image: url('someurl');
        }