Question

我使用HTML设计了一个网页，当我尝试使用Google Chrome打开我的网站时，它工作正常，一切都很好。

但是当我尝试在Internet Explorer上打开相同的网页时，它的样式就不一样了？

任何人都可以告诉我一种让我的网站出现在Internet Explorer上的方法，就像它在Google Chrome上一样！

是否有要编写的脚本或要添加到标题的标记？

最诚挚的问候。

Answer 1

整本书可能（可能已经）写过这个主题。你的风格并没有“被破坏”，IE浏览器的解释与Chrome（以及大多数其他浏览器）不同。

就如何修复它而言，添加特定于IE的样式表是一种常见的解决方案，也许是最实用的一种。您可以使用条件注释来包含它，例如：

<!-- Everyone gets the default stylesheet -->
<link rel="stylesheet" type="text/css" href="/css/styles.css" />

<!-- Anyone using IE7 and above gets the IE styles too -->
<!--[if gte IE 7]>
    <link rel="stylesheet" type="text/css" href="/css/ie-overrides.css" />
<![endif]-->

然后由您来实现ie-overrides.css中放置的样式，以便它们使您的网站在IE中与其他浏览器中的外观相同。取决于你的IE布局有多么破碎，这可能是一个相对较快的工作，或者它可能会拖延下去，感觉像永恒。然后你就会明白为什么这么多网页开发人员不喜欢IE。

Answer 2

我从未在没有http://html5boilerplate.com/项目的情况下启动网站。

它重置了大量特殊的浏览器行为，并允许您仅针对IE或其版本定位样式，而无需特定的样式表。

Answer 3

尝试使用CSS重置表 http://meyerweb.com/eric/tools/css/reset/

Answer 4

首先检查您的页面http://validator.w3.org/和底部的css-validator，以确保您的代码符合标准，同时阅读此页面，了解可以触发的内容，即进入怪异模式http://www.quirksmode.org/css/quirksmode.html。另一件事是调查ie7-js（和ie8-js，它也支持以前的版本），这是“使MSIE表现得像符合标准的浏览器的JavaScript库。”

如何让我的网页在IE和谷歌浏览器上看起来一样？

4 个答案: