兼容各浏览器zblog 浏览器兼容解决方案

IE浏览器兼容性问题总结

在项目开发过程中，有没有遇到需要兼容IE浏览器的头疼需求，虽然IE浏览器已被淘汰出主流浏览器，但部分公司或业务会需要，很不幸的是，这次项目开发涉及IE浏览器的兼容性。如果你们也有遇到同样的问题，希望我的笔记可以帮助你们少走一些坑。

创新互联公司-专业网站定制、快速模板网站建设、高性价比曲沃网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式曲沃网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖曲沃地区。费用合理售后完善，10余年实体公司更值得信赖。

原因： ivu-modal定位问题导致

原因：DOM初始渲染时，modal-body无内容，初始高度即为ivu-model-body 的默认高度即32px，是padding:16px撑开的高度;

原因： ivu-tooltip-popper内联样式是相对浏览器窗口定位，所以会偏移

场景：当设置display:flex且flex-direction:column时，IE浏览器中，子元素无法通过自身内容撑开一个高度，达到最大高度后实现滚动。目前原因还未可知，但可通过下列方式达到想要的效果。

解决方法：使用此格式 new Date('yyyy/MM/dd hh:mm:ss') 创建日期即可。

主流浏览器都要兼容。

1、IE系列，IE6~IE11，不过目前IE占有率很低了，很多网站已经放弃IE6兼容了。

2、chrome 谷歌浏览器

3、Firefox 火狐浏览器

4、Safari 苹果浏览器

5、360浏览器，分为兼容模式和急速模式两种，都要测试

6、opera 浏览器，目前已被360收购

差不多就这些，兼容了这些，其它那些非主流浏览器也都基本兼容！

建议制作网页测试浏览器用《google chrome浏览器》，该浏览器是目前互联网浏览器里面最标准的一款。建议使用此浏览器测试自己的网页；然后再用IE6调整兼容性；在IE6里面可以采用下划线标明是IE识别样式就行了！

例如：

width:80px; 这个不管哪个浏览器都可以识别；

width:80px;_width:90px;你用两个浏览器测试一下就知道结果了；

那么，IE7\IE8呢各有各的标识符

width:80px;#width:100px;_width:90px; 分别用IE6\IE7\chrome浏览器测试结果你会发现什么呢？

呵呵慢慢摸索吧！

你可以安装[遨游]浏览器，比windows自带的IE强许多，你可以试试这个。

实在不行建议你重装IE。

分享文章：兼容各浏览器zblog 浏览器兼容解决方案
文章分享：http://pwwzsj.com/article/dogdeej.html