SCSS 中的媒体查询无法正常工作

Posted 2023-03-06

【中文标题】SCSS 中的媒体查询无法正常工作

【英文标题】：Media Query in SCSS is not working properly

【发布时间】：2022-01-05 12:41:42

【问题描述】：

我尝试按照教程通过媒体查询使网站具有响应性。我在 SCSS 中制作了一个媒体查询文件并编写了这些断点。

然后，在主SCSS文件中导入文件

但它不起作用。但是，教程视频很好。我到底做错了什么？

【问题讨论】：

我想不通，你为什么要同时使用条件和最小宽度？

我尝试按照本教程进行操作。 youtube.com/watch?v=HaLvUVyNwL8

【参考方案1】：

您没有为您正在导入的文件赋予 style.scss 正确的墨水。导入与样式文件位于不同的目录中

布局/媒体查询

此外，您的“all.scss”文件中是否包含媒体查询？

【讨论】：

虽然，当我已经将它导入到 style.scss 文件时，我不确定为什么需要将它添加到“所有文件”中。但是，我将它添加到 all.scss 文件并修复了链接（布局/媒体查询）。还是不行。

我假设 all.scss 导入了布局文件夹中的所有文件。这样您就不需要单独导入媒体查询