Question

我发现我的应用程序在IE中看起来不像在Chrome和Firefox中那么好。也许它以错误的方式显示一切。好吧，我想解决我的问题。

所以我尝试使用IE开发人员工具，但我找不到自定义样式和CSS。那么其他人如何为IE做这些事情呢？

我的意思是，我并不关心它在6中是如何工作的，但我怎样才能让它看起来像在IE 8或9中的Firefox和Chrome中呢？

那么，当您需要在IE中执行某些操作时，您使用了什么技巧？好吧，我对网页设计一无所知，但我想重构现有的代码，以便它可以工作。

所以，问题是，如何使它们与IE 8或9兼容？他们有任何工具可以使它们发挥作用吗？

Answer 1

我首先让我的网页在Chrome / Firefox中运行（它们往往相似），然后进行调整以支持Internet Explorer，从而获得最佳效果。

像Position Is Everything这样的网站有助于记录IE的CSS支持中的缺点。

我将我的.css文件定位到Chrome / Firefox，并使用conditional comments为每个IE版本添加一个额外的样式表。

例如：

<!--[if lte IE 7]> 
  <link href="/css/iefix7.css" rel="stylesheet" type="text/css" media="all" /> 
<![endif]-->

Answer 2

与@ GavinH建议一样，使用conditional comments是提供IE不同CSS的好方法，而不是为更好的浏览器提供服务。

至于开发，如果您想要更好地控制查看源并摆弄样式等，请尝试稳定版本的Firebug Lite。在Firefox中开发时可以使用Firebug，因此它会比IE Developer Toolbar更像。

Answer 3

确保网站外观足够接近的最重要的事情之一是为您选择的doctype编写符合标准的代码，并通过w3's validator tool验证该代码

之后，请查看adobe's browser labs工具。您可以在任何浏览器中查看您的网站，并进行所需的小调整。