未加载条件 IE8 样式表答案

【问题标题】：Conditional IE8 stylesheet not loaded未加载条件 IE8 样式表
【发布时间】：2014-05-01 14:26:26
【问题描述】：

我在使条件 IE8 及以下样式表正常工作时遇到问题。我已将条件语句放在常规样式表链接下方，但没有结果。

这是我目前的设置：

<link rel="stylesheet" type="text/css" media="all and (max-width: 640px)" href="/css/mobile-new.css" />
<link rel="stylesheet" type="text/css" media="all and (min-width:641px) and (max-width: 768px)" href="/css/tablet.css" />
<link rel="stylesheet" type="text/css" media="all and (min-width:769px) and (max-width: 1024px)" href="/css/tablet-landscape.css" />
<link rel="stylesheet" type="text/css" media="all and (min-width:1025px)" href="style.css" />


<!--[if lte IE 8]>
  <link rel="stylesheet" type="text/css" href="style.css" />   
<![endif]-->

正如您所见，它应该使用常规的“桌面”样式表，因为 IE8 及更低版本不支持媒体查询。如果我只是放置

<link rel="stylesheet" type="text/css" href="style.css" />

在头部它工作正常，样式也显示在 IE8 中，但我真的需要为移动/平板电脑版本分开样式表。

我已经尝试过 response.js 和 css3-mediaqueries.js 来跳过条件样式表部分，但没有结果。

【问题讨论】：

你是如何测试这个的——你使用的是真正的 IE 8，还是……？
为什么不使用媒体查询将所有 CSS 添加到一个文件中，然后在 IE8 上使用 respond.js 之类的东西来处理它？
@Cbroe 不在真正的 IE8 浏览器中，而是在 IE11 中的文档/旧模式中
当我使用 IE11 模拟 IE8 时，它不能与样式表一起正常工作。使用browserstack.com 之类的网站进行测试。
别担心！ IE11 在模拟其他浏览器版本方面做得很差。

标签： html css internet-explorer-8

【解决方案1】：

由于您正在使用 Internet Explorer 11 来尝试模拟 Internet Explorer 8，您会发现它做得很差。

使用像Browserstack 这样的网站，您可以在运行 IE8 的实际计算机上运行它，然后您应该会发现您的代码现在可以正常工作，因为它支持条件语句，这与 IE11 不同，IE11 已删除条件语句。

【讨论】：

【解决方案2】：

您还可以尝试在 Windows XP 模式下测试 IE8，该模式可通过 Windows Virtual PC 获得。

这个虚拟机是Windows做的，自带IE8，亲自帮助我测试IE8。

http://windows.microsoft.com/en-ca/windows7/install-and-use-windows-xp-mode-in-windows-7

【讨论】：