html - IE7 和 IE8 不加载条件 CSS

Question

我编写了一堆 CSS，使我的网站首先面向移动设备，然后我使用 CSS 媒体查询为桌面浏览器加载另一个样式表。我这样做是因为有太多不理解 CSS 媒体查询的移动浏览器，而且桌面用户更有可能拥有支持此功能的现代浏览器。

我有以下适用于所有现代浏览器(IE9、Chrome、Firefox 3.6+、Safari 4+5)的 CSS:

然后我意识到 IE7 和 IE8 不支持 CSS 媒体查询，所以上面的方法行不通。所以我添加了一个条件语句来加载它:

<link rel="Stylesheet" type="text/css" href="/css/mobile.css" media="all"/>
<!-- [if lt IE 9]>
<link rel="Stylesheet" type="text/css" href="/css/desktop.css" media="all" />
<! [endif] -->  
<link rel="Stylesheet" type="text/css" href="/css/desktop.css" media="only screen and (min-width: 640px)" />

但是，使用 IE Tester 和 Browsershots，我已经确认 desktop.css未在 IE 7 和 8 中加载。它似乎完全忽略了该样式表。

然后我尝试将条件语句更改为 <!-- [if IE 8]>但这没有任何效果。

最后，我完全删除了条件语句，导致以下代码:

<link rel="Stylesheet" type="text/css" href="/css/mobile.css" media="all"/>
<link rel="Stylesheet" type="text/css" href="/css/desktop.css" media="all" />

最后一次尝试导致我的 desktop.css 在 IE7 和 IE8 中加载。所以这证明CSS是OK的。看起来我的条件语句没有被触发。

知道我做错了什么吗？

Answer 1

删除空格。这打破了 conditional syntax .否则，IE 会将其视为普通评论。

<!--[if IE 8]>
...
<![endif]-->