CSS瀏覽器兼容性是Web前端開發中必須要面對的問題之一，因為不同瀏覽器在渲染CSS時會產生不同的結果，這可能會導致我們的網站在不同的瀏覽器中顯示不一致，甚至出現錯位、顯示不全等問題。

.box {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50px;
}

以border-radius為例，IE瀏覽器（IE9及以下版本）不支持border-radius屬性，因此在渲染時會忽略這個屬性，導致樣式不一致。解決這個問題的方法之一是使用瀏覽器廠商前綴，如-webkit-border-radius、-moz-border-radius等。這樣不同瀏覽器在支持border-radius屬性時便會自動使用對應的樣式。

.box {
width: 100px;
height: 100px;
background-color: red;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

然而，我們不能僅僅依靠瀏覽器廠商前綴來解決瀏覽器兼容性問題。因為不同瀏覽器對CSS規范的支持程度不同，有些屬性在一些瀏覽器中根本不支持。這時我們需要使用一些工具來檢測瀏覽器兼容性，例如Can I Use（https://caniuse.com/）。

除了使用工具檢測之外，我們還可以采用優雅降級或漸進增強的方法來處理瀏覽器兼容性問題。即在不破壞頁面整體結構和功能的前提下，針對不同瀏覽器分別提供不同的樣式或功能。例如，在支持CSS3動畫的瀏覽器中使用CSS3動畫，而在不支持CSS3動畫的瀏覽器中使用JavaScript動畫。