IE8无法呈现正确的响应内容

Question

IE8开发人员工具的样式检查器显示@media查询有效（respond.min.js和html5shiv），正确的背景图像和div高度取自适合@media查询的css文件

但是......

布局检查器显示高度错误的框。网页本身在错误大小的框中显示错误的背景图像。

该页面在webkit浏览器中正常显示，但不在IE8中显示。

它首先是桌面＆＃34;响应式设计：large.css总是在small.css之前加载，只能加载到@media查询 - 而且IE8选择显示的背景图像和框是来自large.css的那些...

......即使是IE8开发者工具＆＃39;样式检查器显示得分的大bg图像和正确选择的小图像URL。

我已经尝试了六打或更多的CSS和JavaScript黑客试图让IE8重新绘制页面; DOCTYPE指定了HTML5等等......但是IE8仍然没有画出DOM中显示的内容。

[自原始问题后更新...]

问题可以在[URL编辑]中看到，在IE8中，你在搜索开发者工具的工具中搜索id =＆＃34;英雄＆＃34;当屏幕尺寸小或中等时。你会看到：

• 样式检查器显示高度为200px
• 布局检查器（和显示的页面）显示高度为275像素，这是CSS级联中大屏幕的大小

这表明respond.js正确模拟了@media查询并为屏幕宽度选择了正确的css文件，但IE8在检测到更改后没有重新绘制屏幕。

Answer 1

我怀疑这对每个人来说都是一个答案，我希望在其他地方有很多讨论，但这是我的想法和结论：

• 我将提醒IE8访问者和XP访问者，该网站只能在Windows XP上使用更多现代浏览器查看，但如果可以的话，它可能不是继续使用XP的明智之举方式，避免它。
• Windows XP面临着它的临终关闭; Microsoft将在2014年4月（本月）为用户提供该操作系统的最终安全更新。我是否有责任鼓励继续使用操作系统，从而增加漏洞？
• 即使像IE8一样，Windows XP仍然是一个主要的存在，谷歌早已放弃支持IE8用于谷歌应用程序。一个例子可以遵循。
• 我花了几个小时的时间来试验这个问题，目前还不清楚究竟是什么原因或解决方法。这个项目的利润严重受损。