在前端開發中，兼容性一直是一個非常重要的問題，特別是在 CSS 樣式的編寫中，對不同瀏覽器之間的差異進行適配，是一個必須要面對的問題。

那么，CSS 怎么解決兼容呢？下面，我們來簡單介紹一下：

//1.加前綴
.box {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
//2.使用hack
.box{
	width:200px;
	height:200px;
	background-color:red;
	/* IE6以下生效，其他瀏覽器失效 */
	*width:300px;
	*height:300px;
	/* IE7生效，其他瀏覽器失效 */
	_width:400px;
	_height:400px;
	/* IE6及以上生效 */
	+width:500px;
	+height:500px;
	/* IE6～IE8生效，其他瀏覽器失效 */
	/* 請注意，下面的hack并不建議使用 */
/* IE6及以上生效，萬能hack */
	+width:expression(document.documentElement.clientWidth>1024?"1024px":"auto" );
}
//3.使用Normalize.css//4.使用reset.css

以上是 CSS 解決兼容性的常用方式，具體的選擇可以根據項目實際情況進行決定。同時，養成代碼兼容性良好的習慣，也是很重要的。