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

Question

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

但......

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

该页面在webkit浏览器中正确显示,但不在IE8中显示.

这是一个"桌面第一"响应式设计:large.css总是在small.css之前加载,只能加载到@media查询 - 而IE8选择显示的背景图像和框是来自large.css的那些...

...即使IE8开发者工具的样式检查器显示得分的大bg图像和正确选择的小图像url.

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

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

问题可以在[URL编辑]中看到,在IE8中,当屏幕尺寸小或中等时,您搜索id ="hero"的开发人员工具.你会看到:

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

Answer 1

我怀疑这是否会成为每个人的答案，我希望其他地方对此有很多讨论，但这是我的想法和结论：

我将提醒 IE8 访问者和 XP 访问者，该网站只能使用 Windows XP 上也可用的更现代的浏览器查看，但如果他们可以以任何方式避免使用 XP，那么继续使用 XP 可能不是明智之举。
Windows XP 面临生命周期终结；Microsoft 将于 2014 年 4 月（本月）为用户提供该操作系统的最终安全更新。我是否有责任鼓励继续使用操作系统，从而增加漏洞？
尽管与 IE8 一样，Windows XP 仍然是主要存在，但 Google 早已不再支持 IE8 与 Google 应用程序一起使用。有一个值得效仿的例子。
我花了几个小时来试验这个问题，但仍然不清楚到底是什么原因或解决方法。那就是我这个项目的利润严重受损。
切换到 Firefox、Chrome 或 Opera并不难