CSS var（變量）是CSS3引入的一項新特性，可以使用var()函數來使用已定義的變量，方便靈活地管理CSS代碼。然而，CSS var在兼容性方面表現不盡如人意，需要考慮瀏覽器的支持情況。

:root {
--primary-color: #2196f3;
}
.button {
background-color: var(--primary-color);
}

上述代碼中，我們定義了一個全局變量--primary-color，并在.button樣式中使用了該變量作為背景色。這種使用方式方便快捷，避免了繁瑣的修改。但是，在一些舊版本的瀏覽器中，不支持CSS var，會導致樣式顯示不正常。

為了解決這種情況，我們可以使用傳統的CSS方法來代替變量的使用。例如，上述代碼可以寫成以下方式：

.button {
background-color: #2196f3;
}

這樣，在一些不支持CSS var的瀏覽器中，樣式仍會正常顯示。當然，這種方法不如變量方便，但可以保證兼容性。我們可以在代碼中適當使用這種方式來應對兼容性問題。

此外，我們還可以使用PostCSS等工具來實現CSS var的兼容性。PostCSS是一款強大的CSS預處理器，可以將CSS代碼轉換為兼容多個瀏覽器的CSS代碼，包括CSS var的支持。這種方法需要使用工具，稍微有些復雜，但是可以提高開發效率，并保持兼容性。

綜上所述，CSS var在兼容性方面需要考慮瀏覽器的支持情況。可以使用傳統的CSS方法代替變量的使用，或者使用PostCSS等工具轉換代碼。我們需要在實際開發中根據具體情況來選擇最適合的方法，以保證兼容性和開發效率。