一、常见浏览器内核:
内核名称:使用该内核的浏览器
- Trident:ie/360兼容模式/搜狗
- Geoko:火狐firefox
- Presto:opera(后来改为Webkit又到了Blink内核)
- Webkit:谷歌(Webkit的分支Blink) safari 360极速模式(Blink)
答题的时候如果记不住单词,可以写出四个类别分别代表的浏览器
ie 火狐 opera 谷歌
二、常见浏览器兼容性问题,原因及解决方法,hack技巧有哪些?
面对浏览器诸多的兼容性问题,经常需要通过修改CSS样式来调试,其中用的最多的
就是CSS Hack。所谓CSS Hack就是针对不同的浏览器书写不同的CSS样式,通过使
用某个浏览器单独识别的样式代码,控制该浏览器的显示效果。
答题时写四五个就行了
-
不同浏览器的标签默认的外补丁(margin)和内补丁(padding)不同
解决方案:css里增加通配符*{margin:0;padding:0}
-
IE6双边距问题;在IE6中设置了float,同时又设置margin,就会出现边距问题
解决方案:设置display:inline;
-
当标签的高度设置小于10px,在IE6、IE7中会超出自己设置的高度
解决方案:超出高度的标签设置overflow:hidden,或者设置line-height的值小于你的设置高度
-
图片默认有间距
解决方案:使用float为img布局
-
IE9以下浏览器不能使用opacity
解决方案:opacity:0.5;filter:alfha(opacity=50);filter:progid:
更多可参考:
https://www.jianshu.com/p/6afd596440bb