【前端面试九】你遇到过的兼容问题有哪些?如何解决的?

程序猿 2021-03-25 22:29:25 1140浏览 加载中

1,png24位的图片在IE6浏览器上出现背景,解决方案是做成PNG8.

2,浏览器默认的margin和padding不同。解决方案是加一个全局的{margin:0;padding:0;}来统一。

3、IE6双边距bug:块属性标签float后, 又有横行的margin情况下,在ie6显示margin比设的大。浮动ie产生的双倍距离#itcast{ float: left; width: 10px;margin: 0 0 0 100px}这种情况之下IE会产生20px的距离,解决方案是在float的标签样式控制中加入display: inline;将其转化为行内属性。(“_" 这个符号只有 ie6会识别)

4、IE 下可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute0获取自定义属性;Firefox下,只能使用getAttribute0获取自定义属性。解决方法:统一通过getAttribute0获取自定义属性。

5、 IE下,even对象有x,y属性但是没有pageX,pageY属性Firefox下,event对象有pageX,pageY属性但是没有xy属性。解决方法: (条件注释) 缺点是在IE浏览器下可能会增加额外的HTTP请求数。

6、 Chrome 中文界面下默认会将小于12px的文本强制按照12px 显示,可通过加入CSS属性-webkit-text-size-adjust: none; 解决。

7.超链接访问过后hover样式就不出现了被点击访问过的超链接样式不在具有hover和active了。解决方法是:改变CSS属性的排列顺序: L-V-H-A 、a: link {}a: visited{}a: hover{}a: active {}

标签: 前端面试
最后修改:2024-04-20 07:22:11

非特殊说明,本博所有文章均为博主原创。