事后如何使网站在 IE (9+) 中正确呈现？答案

【问题标题】：How to make a website render correctly in IE (9+) in hindsight?事后如何使网站在 IE (9+) 中正确呈现？
【发布时间】：2014-07-07 21:19:12
【问题描述】：

我收到了一个针对 Chrome 和 FF 开发的网络应用程序，并且在这两种应用程序中都呈现精美。问题是，我现在必须让它在 IE 9+ 中看起来不错，而当您在 IE 中查看应用程序时，它看起来糟糕。所以我问：可以做些什么（用于故障排除的工具、方法等）以在 IE 9+ 中正确呈现现有的 Web 应用程序？

如果有帮助，这是一个 HTML5 应用程序。

【问题讨论】：

你能分享一些 HTML 或 CSS 吗？我不敢相信它在 IE 9 中看起来与在 Chrome 或 FF 中完全不同。 IE 9 在渲染符合 IE lte 8 和更多标准的网站时要好几个数量级。
我要做的第一件事是验证 HTML 和 CSS：validator.w3.org 和 jigsaw.w3.org/css-validator
IE11看起来更好吗？如果是这样，你试过html5shim吗？
感谢@War10ck 和 Wesley Murch（都 +1）。 Warl0ckm 有没有我可以用来共享 HTML/CSS 的网络工具？这实际上是一个在底层使用 JSP 的 Java Web 应用程序，因此将其 HTML/CSS 复制并粘贴到 pastebin 或类似的东西会更容易。希望找到一个工具，让您编辑/修改 HTML/CSS 并立即看到结果。有什么想法吗？
谢谢@McAden (+1) - 你的意思是this？

标签： css html internet-explorer cross-browser compatibility

【解决方案1】：

你能发个链接吗？您在 IE9 上的主要问题是什么？以下是一些帮助您入门的工具/提示（但如果您发布链接或让我知道您的实际问题将更容易解决）：

Modernizr：（JavaScript 库，可在用户浏览器中检测 HTML5 和 CSS3 功能，以便代码可以利用本机功能，但仍然很容易检测到功能何时不存在 present so 来处理这个问题，以及加载 shim 的变通方法模拟该功能，或不使用该功能）：
http://modernizr.com/
检查您的文档类型（如果您的文档类型错误，它可能会触发怪癖模式，这会使其看起来很疯狂）。我一般默认<!DOCTYPE html>

【讨论】：

【解决方案2】：

使用 html5shim 之类的东西将新的 Html5 功能填充到 IE 中。

另外，使用 modern.ie 之类的东西以自动方式找到一些低调的果实。

确保按照 Wesley Murch 在他的 cmets 中的建议运行标准验证器。

对于从一开始就针对 Html5 构建的应用程序，这些问题可能会遇到大部分问题。除此之外，您还需要确定您遇到的确切问题，例如不受支持的整个标签或不兼容的特定 CSS，并根据具体情况实施解决方法。

【讨论】：