Question

我正在使用Stylus CSS预处理器而我正试图输出这个特定的媒体查询，这是IE8的黑客攻击：

@media (min-width 481px), screen\0

然而上面的编译为：@media (min-width 481px), screen 0因为\用于转义：http://learnboost.github.io/stylus/docs/escape.html - 转义反斜杠并不起作用screen\\0

我试图以各种方式使用unquote()方法而没有任何运气，因为它根本无法编译：

 > 846| @media (min-width 481px), unquote('screen\0')
   847|   .social
   848|     max-width 401px
   849|     margin 0 auto

expected "(", got "function unquote"

或

 > 846| unquote('@media (min-width 481px), screen\0')
   847|   .social
   848|     max-width 401px
   849|     margin 0 auto

expected ")", got "string '@media (min-width 481px), screen\0'"

如何让Stylus正确输出？

Answer 1

现在，您可以将hack存储在变量中，然后在媒体查询中使用它，如下所示：

$ie8mediahack = 'screen\0'

@media (min-width 481px), $ie8mediahack
  .social
    max-width 401px
    margin 0 auto

这也会让它自我评论，看起来不像真正的黑客：）

@media hack没有被Stylus正确解析

1 个答案: