使用多个断点和多个模板组织CSS文件

Question

我开始学习CSS、HTML和Sass，在了解基础知识的同时，我想开始学习最佳实践。我正在建立一个响应式的投资组合网站(使用骨HTML5样板和Wordpress)，这将有4-5个断点，以及~5个不同的静态网站模板。

我的断点是根据来自多个.scss文件中的代码的媒体查询导入的，如下所示：

_base_res.scss
_481_and_up.scss
_768_and_up.scss
_1030_and_up.scss

现在，我还有一些包含媒体查询的静态页面：

_home.scss
_about.scss
_contact.scss
_work.scss

包含媒体查询和断点css文件的静态页面css文件是多余的吗？我应该在断点scss文件中只有.home，.about，.contact，.work类吗？

如果我的问题不清楚，很抱歉..如果没有，请告诉我如何才能澄清。

谢谢

Answer 1

我建议阅读并了解https://smacss.com/，这将教你如何创建良好的css架构。另外，我建议您编写一个允许您传递媒体查询变量的混入。完成后，在需要的地方写出媒体查询，而不是在特定的样式表上。