html - 让 IE 像其他浏览器一样显示的技巧

Question

我一直在为大学开发一个 PHP 元素，但由于我对 PHP 很在行，所以我让设计非常简单，这样我就可以专注于编程方面的事情。现在编程正在工作我正在设计。该站点在 Chrome 和其他 webkit 浏览器中看起来不错，但在 IE9 中看起来很糟糕。主要问题是...

1 - 背景图像将 div 扩展到整个图像大小，而在 webkit 中仅填充 div 大小。

2 - 内容不居中，而是向左浮动。

有谁知道我可以用来让 IE 像所有其他浏览器一样运行的任何脚本/技巧？我目前唯一使用的是 Modernizr。

如果有帮助，您可以在此处查看该站点 - http://newmedia.leeds.ac.uk/ug10/cs10cwh/pod/index.php .

Answer 1

Modernizr 可以提供帮助，尤其是当您使用 html5 和 css3 等较新的东西时。另一件可以提供帮助的是样板代码，我个人喜欢 html5reset .

其中一件特别的事情会对您有很大帮助:如果我在 IE 中查看您的网站，它说它进入了 Quirks 模式，使 IE7、8 和 9 表现......好吧......古怪 :)将以下元标记放在您的 head 部分以改进 IE 的内容:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

您可以通过调出开发人员工具栏 (F12) 查看 IE 正在运行的“浏览器模式”和“文档模式”，您可以为浏览 session 临时调整它以查看如果文档模式为“IE9 标准”会发生什么".

---

一个简短的更新。您可能还想尝试使用 w3 validator .它给我的网站错误之一:

Line 1, Column 15: Comments seen before doctype. Internet Explorer will 
go into the quirks mode.

在未关闭的标签上也有一些错误，这些错误可能会影响渲染。