前端浏览器兼容性问题

Posted 2021-04-30 前端资源分享号

html部分

低版本浏览器不能解析HTML5的新标签

解决办法：htmlshin框架可以让低于IE9的浏览器支持html5

css部分

1.各个浏览器的内外边距问题；

解决方法：*{margin:0;padding:o;}

2.水平居中问题；

在ie6-7中text-algin：center；实现水平居中 内部文字居中，块级元素也会居中；

ff默认文字居中，而块级元素不居中；

这块级元素添加：margin： 0  auto；

3.垂直居中问题；

利用line-height：height；

4.IE6双边距问题；IE6在浮动时，又有横向的margin，此时，该元素 的其值外边距是的两倍；

解决方法：display;block;

5.IE6下图片的下方有空隙  

解决方法：给img设置display：block;

6.IE6下float之间会有个3px的bug；

解决方法：给右边的元素也设置float：left；

7.IE6下没有min-width的概念，其默认值的width就是min-width

8;IE6下无法设置1px的 行高，原因是因为其默认行高引起的。

解决方法：为其设置overflow：hidden；

js部分

标准事件绑定方法函数为addEventListener。但IE是attachEvent

ajax实现也不同，获取XMLHttpRequest不同，而IE是activeXObject

Ie 中不能操作tr的innerHTML