常見(jiàn)瀏覽器兼容性問(wèn)題及解決方案：
1.不同瀏覽器的默認(rèn)內(nèi)外邊距和內(nèi)外補(bǔ)丁不同。
解決方案：css設(shè)置 *{margin:0; padding:0;}
*是通配符，匹配所有html標(biāo)簽。

2.塊級(jí)元素float之后，又有橫向margin時(shí)，IE6顯示margin比設(shè)置的大，表現(xiàn)為最后一個(gè)元素被擠到下一行。
解決方案：給float元素添加display:inline;

3.設(shè)置較小高度(小于10px)，在IE6、IE7、遨游瀏覽器會(huì)不受控制，超過(guò)設(shè)置的高度，撐高到瀏覽器的默認(rèn)最小高度。
解決方案：給超出高度的標(biāo)簽添加overflow:hidden;或設(shè)置行高line-height小于你設(shè)置的高度。

4.行內(nèi)元素設(shè)置display:block后采用float布局,又有橫向margin的情況，IE6間距bug。
解決方案：在該元素的diaplay:block后添加diaplay:inline;display:table;

5.圖片默認(rèn)有間距：多個(gè)img放在一起時(shí)，不同的瀏覽器會(huì)有默認(rèn)的間距，即使設(shè)置了通配符也沒(méi)有效果。
解決方案：給img標(biāo)簽采用float布局。

6.標(biāo)簽最低高度min-height不兼容。
解決方案：設(shè)置方式為

{min-height:200px;height:auto !important;height:200px;overflow:visible;}

?

7.透明度的兼容性問(wèn)題。

解決方案：使用css hack。
IE6認(rèn)識(shí)的hacker是下劃線_和星號(hào)*
IE7、遨游認(rèn)識(shí)的hacker是星號(hào)*
例如：

{height:300px;*height:200px;_height:100px;}

?

轉(zhuǎn)載于:https://www.cnblogs.com/yeqrblog/p/6513601.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的常见浏览器兼容性问题及解决方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。