[兼容性问题]常见浏览器内核,常见浏览器兼容性问题,原因及解决方法,hack技巧有哪些?

一、常见浏览器内核:

内核名称:使用该内核的浏览器

  1. Trident:ie/360兼容模式/搜狗
  2. Geoko:火狐firefox
  3. Presto:opera(后来改为Webkit又到了Blink内核)
  4. Webkit:谷歌(Webkit的分支Blink) safari 360极速模式(Blink)

答题的时候如果记不住单词,可以写出四个类别分别代表的浏览器
ie 火狐 opera 谷歌

二、常见浏览器兼容性问题,原因及解决方法,hack技巧有哪些?

面对浏览器诸多的兼容性问题,经常需要通过修改CSS样式来调试,其中用的最多的
就是CSS Hack。所谓CSS Hack就是针对不同的浏览器书写不同的CSS样式,通过使
用某个浏览器单独识别的样式代码,控制该浏览器的显示效果。

答题时写四五个就行了

  1. 不同浏览器的标签默认的外补丁(margin)和内补丁(padding)不同

    解决方案:css里增加通配符*{margin:0;padding:0}

  2. IE6双边距问题;在IE6中设置了float,同时又设置margin,就会出现边距问题

    解决方案:设置display:inline;

  3. 当标签的高度设置小于10px,在IE6、IE7中会超出自己设置的高度

    解决方案:超出高度的标签设置overflow:hidden,或者设置line-height的值小于你的设置高度

  4. 图片默认有间距

    解决方案:使用float为img布局

  5. IE9以下浏览器不能使用opacity

    解决方案:opacity:0.5;filter:alfha(opacity=50);filter:progid:

更多可参考:
https://www.jianshu.com/p/6afd596440bb

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值