Jade 模板无法正确呈现 IE 条件（纯 CSS）答案

【问题标题】：Jade template does not render IE conditionals properly (Pure CSS)Jade 模板无法正确呈现 IE 条件（纯 CSS）
【发布时间】：2014-06-11 00:59:45
【问题描述】：

我正在实现纯 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”文件。

我的翡翠写得好吗？

【问题讨论】：

标签： css html pug yui-pure-css

【解决方案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]-->

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

【讨论】：