在sass中构造媒体查询的最佳方法

时间:2016-07-05 08:51:48

标签: html css css3 responsive-design sass

为移动响应式方法构建媒体查询的最佳方法是什么。

目前我的想法是这样的:

style-main.scss

_phone.scss
_tablet.scss
_desktop.scss

在每台设备上我有不同的断点。 任何想法?

2 个答案:

答案 0 :(得分:1)

我认为最好的方法是按实体模块化SCSS文件。 例如,您可以为页脚,导航栏,顶栏等创建一个SCSS文件... 因此,您将拥有更多可读文件,更有条理,更易于编辑。 在您的组织中,您可以拥有数百和数百行的长文件,当然也很难编辑。

答案 1 :(得分:-1)

在sass中构造媒体查询的最佳方法是为sass Breakpoints makes writing media queries in Sass super simple.使用断点库,我还建议你使用奇点gs Grids Without Limits