你如何处理Internet Explorer?

我知道这个主题可能还有其他问题。 我想每个Web开发人员都可以通过IE浏览器进行浏览。


我的问题:

我正在基于Javascript开发基于Web的应用程序。 我是Mac用户。 我很高兴在Safari,Firefox和Opera上都能很好地工作。 然后我问了一个Windows用朋友用Internet Explorer检查它,并且事情也不行。 我的应用程序对HTML标准非常敏感。

主要的问题是CSS布局。 由于jQuery的可移植性,JavaScript本身似乎正常工作。


我的问题:

你如何处理Internet Explorer? 我应该创建一个仅在Internet Explorer上加载的新CSS吗? 我应该仅为Internet Explorer创建新版本的应用程序吗? 你通常如何处理这个问题? 该应用程序在功能设计和布局设计中都非常大。


编辑:

按照Nosredna的建议使用CSS重置,已经消除了将近一半的问题。 我想这真的是一个很好的做法。 我注意到SO也使用它。


你是否指定了有效的文档类型? 通过将Internet Explorer切换到标准模式,可以使Internet Explorer更加顺从。 http://msdn.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic2

你使用浏览器重置CSS文件吗? 这可以帮助将版本结合在一起。 http://meyerweb.com/eric/tools/css/reset/

注意IE的CSS错误:http://www.positioniseverything.net/explorer.html

对于布局的骨架,请考虑使用已知可用的标记,例如http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts或http://960.gs/用于液体或固定布局,分别。

跟上浏览器之间的JavaScript差异。 jQuery处理其中的一些,但不是全部。 http://www.impressivewebs.com/7-javascript-differences-between-firefox-ie/

是的,IE是一种痛苦。 如果你想让它在IE中工作,你真的想在IE中每隔几天测试一次。 你不想为了最终的痛苦而挽救痛苦 - 你想一次处理一场噩梦。


顺便说一句,如果您认为IE是一种痛苦,尝试用手机查看您的页面。 有一天,我去了一个iPhone的REI.com,屏幕中间的五分之一或更多被一堆乱码的标记占据,呈现为文本。


有条件的评论。

<!--[if IE 6]>
  <link rel="stylesheet" href="ie6.css">
<![endif]-->
<!--[if IE 7]>
  <link rel="stylesheet" href="ie7.css">
<![endif]-->
<!--[if IE 8]>
  <link rel="stylesheet" href="ie8.css">
<![endif]-->
<!--[if !IE]-->
  <link rel="stylesheet" href="normal.css">
<!--[endif]-->

在IE文件中,可以使用@import导入normal.css ,然后根据需要覆盖样式。


首先,我不等到项目完成后考虑浏览器的兼容性。

CSS问题的大部分时间都有办法做不需要加载浏览器特定样式表的事情,所以我尽可能使用这些解决方案。 例如 - 如果大多数问题都与盒子模型问题有关,则使用嵌套div代替填充可以帮助确保一切正确,而不需要针对不同浏览器使用单独的样式表和模板。

链接地址: http://www.djcxy.com/p/7235.html

上一篇: How do you deal with Internet Explorer?

下一篇: Git on Windows: How do you set up a mergetool?