CSS是前端開發中經常用到的技術之一，但不同的瀏覽器可能對CSS的支持存在差異，導致網站在某些瀏覽器上無法正確顯示。因此，我們需要了解如何兼容CSS。

首先，在編寫CSS時，應遵循標準語法和命名規則，確保代碼的可讀性和可維護性。同時，我們可以使用一些CSS框架，如Bootstrap和Foundation等，它們提供了一套標準的CSS模板和樣式，可以使網站的樣式具有更好的兼容性。

其次，當我們遇到瀏覽器兼容性問題時，可以采用以下方法解決：

/* 1.使用瀏覽器自身的前綴 */
.box {
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* 2.使用JavaScript檢測瀏覽器并添加相應的CSS類名 */
if (navigator.userAgent.indexOf('MSIE 9.0') >0) {
document.getElementsByTagName('html')[0].className += ' ie9';
}
/* 3.使用CSS Hack */
.box {
background: gray; /* 標準語法 */
background: -webkit-linear-gradient(gray, black); /* Webkit瀏覽器 */
*background: url(../images/gray.jpg); /* IE6-7 */
_background: url(../images/black.jpg); /* IE6 */
}
/* 4.使用CSS Reset */
* {
margin: 0;
padding: 0;
}
/* 5.使用條件注釋 */

最后，我們需要在不同瀏覽器下測試我們的網站，以確保它在各種設備和平臺上的兼容性。如果遇到了兼容性問題，可以及時修改代碼，并注意網站的可訪問性和可用性。