LessCSS 中的 @media 和 @font-face 支持

你好，有谁知道如何使用 LessCSS 进行媒体查询吗？

  @media screen and (max-width: 600px) {
      #container{
          width: 480px;
      }
  }

给我以下错误：

! Syntax Error: on line 23: expected one of :: : . # * - [ @media @font-face , { ; got ( after:

@media screen and

同样，@font-face 和任何带有 @ 的 CSS3 查询与 LessCSS 的编译器冲突。

Thanks!

上面所有的答案都已经过时了。

less.js 和 lessCss/dotless 都支持 @media 和 @font-face。

他们现在还支持带有嵌套规则的@media，例如

.cl {
 @media screen and (max-width: 600px) {
  .d {
   .e {
     background: none;
   }
  }
 }
}

becomes

@media screen and (max-width: 600px) {
 .cl .d .e {
   background: none;
 }
}

请参阅less.js 文档 http://lesscss.org/ and 无点文档 https://github.com/dotless/dotless/wiki了解更多信息。