Html 未加载条件IE8样式表

Html 未加载条件IE8样式表,html,css,internet-explorer-8,Html,Css,Internet Explorer 8,我在使用条件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-w

我在使用条件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中,但我真的需要分离移动/平板电脑版本的样式表


我已经尝试过respond.js和css3-mediaquerys.js跳过条件样式表部分,但没有结果

由于您正在使用Internet Explorer 11模拟Internet Explorer 8,您会发现它的性能非常差


使用像这样的站点,您可以从运行IE8的实际计算机上运行它,然后在那里,您应该会发现您的代码现在可以运行,因为它支持条件语句,不像IE11那样删除了条件语句。

您还可以尝试在Windows XP模式下测试IE8,该模式可通过Windows虚拟PC获得

这个虚拟机由Windows制作,附带IE8,并帮助我个人使用IE8进行测试


您是如何测试这一点的?您使用的是真正的IE 8吗,或者…?为什么不使用媒体查询将所有CSS添加到一个文件中,然后在IE8上使用类似
respond.js
的东西来处理它?@Cbroe不是在真正的IE8浏览器中,而是在文档/传统模式下的IE11中当我使用IE11模拟IE8时,它不能与样式表正常工作。使用一个网站来测试它。不用担心!IE11在模拟其他浏览器版本方面做得很差。