2

I created my website using a mac. As you know I can't test it out using Internet Explorer, I left it for the last but expecting layout disasters. The website looks perfect in Chrome, Firefox and Safari. As expected, IE shows it differently. How should I move on from here?

  1. Create a style sheet just for IE?
  2. Update my existing style sheet to display the website as expected in all the browsers I mentioned earlier?

To me, (1) seems to be the easiest choice so that I can tailor my CSS to display properly in IE without worrying about Chrome, Firefox and Safari. Do you think this is ok?

Thanks!

4

5 回答 5

3

您可以专门针对您stylesheet的 IE 浏览器。您需要将条件代码放在页面的标题部分。请参阅下面的示例。

对于所有 IE

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

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

<!--[if IE 7]>
For only IE 7
<![endif]-->
于 2012-05-25T01:42:39.643 回答
3

您可以做几件事。

针对所有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/

  • 验证您的 Css修复一些明显的降价错误可能会极大地改进您的代码。
于 2012-05-25T01:43:52.060 回答
1

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

如果你的目标是 IE6/7，那么你有我的同情，但我不明白你为什么要打扰，因为现在 IE6 的使用可以忽略不计。但是，如果必须，那么条件注释是管理问题的最不痛苦的方法。只需在 <head> 元素中执行此操作：

<!--[if IE 6]> <link rel="stylesheet" href="ie6patch.css" /> <![endif]-->

在这里阅读更多：http ://www.quirksmode.org/css/condcom.html

另外，不要忘记将 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 添加到您的页面强制 IE8 和 IE9 使用标准模式。

于 2012-05-25T01:42:35.140 回答
1

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

还可以考虑使用http://www.99lime.com或类似的模板。

于 2012-05-25T02:29:36.630 回答
0

Check out conditional comments.

于 2012-05-25T01:36:35.850 回答