[前端开发面试题][兼容性]常见浏览器内核,常见浏览器兼容性问题,原因及解决方法,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

你可能感兴趣的:(前端面试题,css)