在網頁開發中，CSS是非常重要的一部分。然而由于不同瀏覽器的內核不同，導致在不同瀏覽器上CSS的渲染效果也不同，為了解決瀏覽器兼容性問題，CSS瀏覽器兼容性代碼就顯得非常重要。 常用的CSS瀏覽器兼容性代碼主要有以下幾種： 1. 清除浮動 使用float屬性時，如果父元素高度沒有設置，那么父元素的高度是由子元素撐開的，這就可能會導致父元素不能自適應子元素的高度，從而影響布局。為了避免這種情況，我們可以使用以下代碼清除浮動：

.clearfix:after{
content:"";
display:block;
clear:both;
}

這段代碼可以把.clearfix元素內部的浮動元素清除掉，從而解決布局問題。 2. CSS3媒體查詢 移動設備的普及使得針對移動設備的Web設計越來越流行，而CSS3媒體查詢可以讓我們輕松實現響應式布局，在不同設備上展現不同的頁面。常用的CSS3媒體查詢代碼如下：

@media (max-width:768px){
.box{
width:100%;
}
}

這段代碼意思是在頁面寬度小于等于768px時，設置.box元素的寬度為100%。 3. 不透明度 不同瀏覽器對不透明度的實現不盡相同，使用以下代碼可以解決不同瀏覽器間的兼容問題：

.opacity{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}

這段代碼設置.opacity元素的不透明度為50%。 綜上所述，CSS瀏覽器兼容性代碼雖然有些繁瑣，但在實現跨瀏覽器的一致性方面卻起到了非常重要的作用。