Question

我在使用条件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来跳过条件样式表部分但没有结果。

Answer 1

由于您使用的是Internet Explorer 11试图模拟Internet Explorer 8，因此您会发现它的功能非常糟糕。

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

Answer 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

没有加载条件IE8样式表

2 个答案: