css - Jade 模板无法正确呈现 IE 条件(纯 CSS)

Question

我正在实现纯 CSS 框架。

在我的 html 头中:

<!--[if lt IE 8]>
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css")
<![endif]-->
<!--[if gt IE 8 ]><!-->
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css")
<!--<![endif]-->
<!--[if lt IE 9]><!
script(src='http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js')
<![endif]-->

问题是它只能在 IE 9+ 上正确呈现。在 IE 8 上，它似乎也不会提取“grids-responsive-old-ie-min.css”文件。

我的 Jade 写得正确吗？

Answer 1

我会简单地写成

<!--[if lt IE 9]>
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css")<![endif]-->
<!--[if gte IE 9]>
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css")
<![endif]-->

如果这对您不起作用，那么我会使用本文中提到的混入: http://blog.tompawlak.org/ie-conditional-comments-jade