在網頁開發過程中，CSS樣式是必不可少的一部分。但是，由于不同的瀏覽器對CSS的支持程度不同，可能會導致在不同的瀏覽器上顯示效果不一致。因此，CSS兼容問題十分重要。

下面介紹一些常見的CSS兼容性問題以及解決方法。

1. 盒模型問題

/*標準模型和怪異模型*/
box-sizing: content-box/border-box;

不同瀏覽器對盒模型的解釋有所不同，有標準模型和怪異模型。在標準模型中，盒模型的大小由元素的內容(content)、內邊距(padding)、邊框(border)三者的大小來計算。而在怪異模型中，盒模型的大小僅僅由元素的內容(content)來計算，在這種模型下，盒子大小無法準確確定。可以在CSS中使用box-sizing屬性來指定盒模型計算方式，一般設置為border-box，以兼容不同的瀏覽器。

2. 浮動問題

/*清除浮動*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both; }

浮動元素在不同瀏覽器中的表現也有所不同，可能會導致出現不同的BUG。為了兼容不同的瀏覽器，應該采用一些方法來清除浮動影響，如上面的代碼所示，使用clearfix類來清除浮動。

3. 選擇器問題

/*兼容多種瀏覽器的CSS3選擇器*/
.droplist>li:last-child:nth-child(odd){ }

CSS3提供了許多便利的選擇器，例如:last-child、:nth-child等。但是，不同瀏覽器對CSS3選擇器的解析也不同，某些低版本的瀏覽器可能不支持CSS3選擇器。因此，在編寫CSS3選擇器的時候需要關注瀏覽器兼容性。可以使用上面代碼所示的CSS3選擇器來兼容多種瀏覽器。

4. 兼容性問題

/*針對不同瀏覽器的樣式*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 和 Chrome */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+*/
}

不同瀏覽器的兼容性問題還有很多，例如使用不同的前綴、不同的屬性等。可以使用媒體查詢方式針對不同的瀏覽器來設置不同的樣式。

以上介紹了一些常見的CSS兼容性問題以及解決方法，希望對大家有所幫助。