CSS 是網頁設計和開發中不可或缺的一部分，但是不同瀏覽器對 CSS 的解析方式有所不同，可能會導致網頁在不同的瀏覽器中顯示出錯。為了解決這個問題，我們需要使用 CSS 兼容性工具。

在 CSS 兼容性工具的選擇上，我們可以使用一些免費或者付費的工具。下面是其中一些常用的工具：

- 瀏覽器兼容性工具：CanIUse、BrowserStack
- CSS 前綴自動添加工具：autoprefixer
- 使用 polyfill 實現瀏覽器兼容：Modernizr、Respond.js

CanIUse 是一個免費的在線工具，可以檢查某個 CSS 屬性、HTML 元素或者 JavaScript 方法在不同瀏覽器中的支持情況。BrowserStack 是一個付費的在線平臺，可以在不同的瀏覽器和操作系統中測試網站。

autoprefixer 可以幫助我們解決 CSS 的兼容性問題，它可以自動地添加 CSS 前綴。使用 autoprefixer 非常簡單，由于它是基于 Node.js 開發的，在命令行中輸入以下命令即可：

npm install autoprefixer -g

在安裝完成之后，我們可以在 CSS 文件中添加以下代碼：

/* autoprefixer: ignore next */
-webkit-box-shadow: 1px 1px 1px #000;
box-shadow: 1px 1px 1px #000;

然后運行以下命令：

autoprefixer mystyle.css

這會自動地給 CSS 添加相應的前綴。例如，對于上面的代碼，它會自動添加如下代碼：

-moz-box-shadow: 1px 1px 1px #000;
-ms-box-shadow: 1px 1px 1px #000;
-o-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
box-shadow: 1px 1px 1px #000;

最后，我們可以使用 polyfill 來解決一些瀏覽器不支持的 CSS 特性。Modernizr 可以檢測瀏覽器是否支持某個 CSS 特性，如果不支持，則可以使用 polyfill 來實現。Respond.js 可以讓瀏覽器支持 CSS3 媒體查詢（media-query），這一特性可以讓我們根據屏幕大小來調整網頁的布局和樣式。

總之，CSS 兼容性工具可以大大提高我們的工作效率，使得我們的網頁在不同的瀏覽器中都能夠正常地顯示。