我可以为IE创建单独的样式表吗？

Question

我使用mac创建了我的网站。如你所知，我无法使用Internet Explorer测试它，我将它留在了最后但期待布局的灾难中。该网站在Chrome，Firefox和Safari中看起来很完美。正如所料，IE以不同的方式显示它。我该如何继续前进？

1. 仅为IE创建样式表？
2. 更新我现有的样式表，以便在我之前提到的所有浏览器中按预期显示网站？

对我而言，（1）似乎是最简单的选择，因此我可以定制我的CSS以在IE中正确显示，而不必担心Chrome，Firefox和Safari。你觉得这样可以吗？

谢谢！

Answer 1

您只能针对IE专门定位stylesheet。您需要将条件代码放在页面的标题部分。请参阅下面的示例。

适用于所有IE

<!--[if IE]>
For all IE
<![endif]-->

如果您只想定位到特定版本的IE，那么

<!--[if IE 7]>
For only IE 7
<![endif]-->

Answer 2

你可以做几件事。

• Conditional Comments

针对所有 IE

版本的条件评论示例

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

您可以找到更多条件评论http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

• Validate Your Css修复一些明显的降价错误可能会极大地改善您的代码。

Answer 3

您定位的是哪个版本的IE？ IE CSS2错误的大部分主要问题都在IE6中，在较小程度上也是IE7 - 但IE8和IE9要好得多，而且我没有遇到任何需要它们拥有单独样式表的错误。

如果您的目标是IE6 / 7，那么您会表示同情，但我不明白为什么您应该打扰，因为IE6的使用现在可以忽略不计。但是，如果必须，那么条件注释是解决问题最不痛苦的方法。只需在您的＆lt; head＆gt;中执行此操作元素：

＆lt;！ - [if IE 6]＆gt; ＆lt; link rel =“stylesheet”href =“ie6patch.css”/＆gt; 百分比抑制率ENDIF] - GT;！

在此处阅读更多内容：http://www.quirksmode.org/css/condcom.html

另外，不要忘记添加＆lt; meta http-equiv =“X-UA-Compatible”content =“IE = edge”/＆gt;到您的页面强制IE8和IE9使用标准模式。

Answer 4

将来您可以使用css重置来最小化浏览器之间的差异。我过去曾使用过这个：http://developer.yahoo.com/yui/reset/

另请考虑使用http://www.99lime.com或类似的模板。

Answer 5

查看conditional comments。