【问题标题】:Best way to structure media query in sass在 sass 中构建媒体查询的最佳方法
【发布时间】:2016-11-07 00:48:46
【问题描述】:

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

目前我的想法是这样的:

style-main.scss

_phone.scss
_tablet.scss
_desktop.scss

在每个设备上我都有不同的断点。 有什么想法吗?

【问题讨论】:

  • 考虑将此问题移至代码审查
  • 我也不确定这是否会成为代码审查的主题。
  • 不是。在提出错误建议之前,请考虑阅读我们的帮助中心。这是代码审查,而不是目录审查。

标签: html css responsive-design sass


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2015-10-18
      • 1970-01-01
      • 1970-01-01
      • 2016-08-25
      • 2013-10-29
      • 2016-11-02
      • 1970-01-01
      • 1970-01-01
      • 2013-09-30
      相关资源
      最近更新 更多