市場上瀏覽器種類很多瀏覽器兼容性問題面試,不同瀏覽器的內核也不盡相同,所以各個瀏覽器對網頁的解析存在一定的差異。
瀏覽器內核主要分為兩種,一是渲染引擎,另一個是js引擎,內核更加傾向于說渲染引擎。
常見的瀏覽器內核:
常見的瀏覽器內核可以分為四種:、Gecko、Blink、
IE瀏覽器內核、也稱為IE內核
瀏覽器
內核、現在是Blink內核
瀏覽器
Gecko內核、俗稱內核
瀏覽器
內核
Opera瀏覽器
最初是自己的內核,后來加入谷歌大軍,從又到了Blink內核
360瀏覽器
IE+雙內核
獵豹瀏覽器
IE+雙內核
百度瀏覽器
IE內核
QQ瀏覽器
(兼容模式)+(高速模式)
常見的兼容性問題:
1、不同瀏覽器的標簽默認的外補丁()和內補丁()不同
解決方案:css里增加通配符*{:0;:0;}
2、IE6雙邊距問題:在IE6中設置了float,同時又設置,就會出現邊距問題
解決方案:設置:;
3,當標簽的高度設置小于10px,在IE6、IE7中會超出自己設置的高度
解決方案:超出高度的標簽設置:;或者設置line-的值小于你設置高度
4瀏覽器兼容性問題面試,圖片默認又間距
解決方案:使用float為img布局
5,IE9—下瀏覽器不能使用
解決方案::0.5;:alpha(=50);:..Alpha(style = 0, = 50);
6,邊距重疊問題:當相鄰兩個元素都設置了邊距時,將取最大值,舍棄最小值
解決方案:為了不讓邊重疊,可以給子元素增加一個父級元素,并設置父級元素為:;
7,:hand;顯示手型在上不支持
解決方案:統一使用:;
8,兩個塊級元素,父元素設置了:auto;子元素設置了:;且高度大于父元素,在IE6、IE7會隱藏而不是溢出
解決方案:父級元素設置:;