常見瀏覽器兼容性問題及解決方案：
1.不同瀏覽器的默認內外邊距和內外補丁不同。
解決方案：css設置 *{margin:0; padding:0;}
*是通配符，匹配所有html標簽。

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

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

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

5.圖片默認有間距：多個img放在一起時，不同的瀏覽器會有默認的間距，即使設置了通配符也沒有效果。
解決方案：給img標簽采用float布局。

6.標簽最低高度min-height不兼容。
解決方案：設置方式為

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

?

7.透明度的兼容性問題。

解決方案：使用css hack。
IE6認識的hacker是下劃線_和星號*
IE7、遨游認識的hacker是星號*
例如：

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

?

轉載于:https://www.cnblogs.com/yeqrblog/p/6513601.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。