html - 您可以在 SCSS 中将设备的宽度作为变量调用吗？

Question

你好，我是 SCSS 的初学者，我仍在学习它，我发现它非常独特，并且在不久的将来我需要动态设计时会有所帮助。

我很好奇是否可以将设备宽度作为变量调用，以便在检测到设备宽度后设置媒体查询。

如果可能，怎么做？除了 HTML、CSS 之外，我还需要 SCSS 吗？谢谢!

$hamb: 991px;
$mmenu: 992px;

@if max-width <= $hamb {
.hamburger{
    display:block;
}
.m-menu{
    display:none;
}
}

@else if max-width >= $menu {
.hamburger{
    display:none;
}
.m-menu{
    display:block;
}
}

Answer 1

在 SCSS 中尝试这段代码来检测设备的宽度

$hamb: 991px;
$mmenu: 992px;
    @media screen and (max-width: $hamb){
        .hamburger{
            display:block;
        }
        .m-menu{
            display:none;
        }
    }
    @media screen and (min-width: $menu) {
        .hamburger{
            display:none;
        }
        .m-menu{
            display:block;
        }
    }