如何在一个手写笔文件中定义多个媒体查询?

Question

如何在一个文件中定义多个媒体查询？

我有这个。styl-档案:

@media (min-width: 980px)
  body
    padding-top 60px

@media (min-width: 768px)
  body
    .container
      width 768px

这给了我错误 expected "indent", got "newline".将它们放在单独的文件中，并有一个文件包括其他作品。但是当我把它们放在同一个文件和第二个导入这个文件时，它就失败了。

更新资料: 文件的代码可以在这里找到:

• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/style.styl
• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/nblog.styl

Answer 1

您的问题是您在顶部查询中有制表符，在下部有空格。尽量保持一致（一般来说，当涉及到各种编程时，这是一个很好的做法）。无论哪种方式，我都没有偏好，但您可能应该查看编辑器设置，看看是否可以在该级别上强制执行一致性。当我按tab时，我的编辑器会放置4或2个空格，具体取决于语言。

你在问题中的例子实际上是有效的（其中只有空格）。