189 8069 5689

兼容各浏览器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://cdxtjz.cn/article/dogdeej.html

其他资讯