我正在开始使用CSS,HTML和Sass,虽然我了解基础知识,但我想开始学习最佳实践。我正在建立一个响应式投资组合网站(使用Bones HTML5 Boilerplate& 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吗?
对不起,如果我的问题不清楚......如果没有,请告诉我如何澄清。
由于
答案 0 :(得分:0)
我建议阅读和关于https://smacss.com/这将教你如何创建良好的css架构。另外我建议编写一个mixin,它允许你传递媒体查询变量。完成后,将您需要的媒体查询写在特定样式表中。