繁体 English 中英

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

[英]IE8 not rendering correct responsive content

原文 2014-03-22 00:17:31 3 1 javascript/ jquery/ css/ internet-explorer-8

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在检测到更改后没有重新绘制屏幕。

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

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