导入 scss 不适用于媒体查询

Question

我正在尝试从同一目录中的其他文件导入我的媒体查询，但它不起作用，但是当我将媒体查询放在同一个文件 (style.scss) 中时，它可以工作

style.scss

@import '_responsive';

_responsive.scss

@media only screen and (max-width: 1230px) { 
    .section01-header {
        flex-wrap: wrap;
        background-color: red;
    }
}

Answer 1

这是一个简单的例子，希望对你有所帮助...

您必须在调用父文件夹或文件中的元素之前删除 _。你需要 像 ex 一样写简单：@import 'responsive'

要了解更多，请查看此网址：- https://codesandbox.io/s/quirky-sky-p8zlg?file=/index.html