CSS是現代網頁設計的重要組成部分，它可以讓我們為網頁添加樣式和布局。但是，在編寫CSS時，我們需要考慮兼容各種瀏覽器，因為不同的瀏覽器在對CSS的解釋和呈現上可能存在差異。

為了確保CSS在所有瀏覽器中呈現一致，我們可以采取以下措施：

/* 清零默認樣式 */
*{
margin: 0;
padding: 0;
}
/* 在CSS頂部聲明的變量和Mixin */
:root {
--font-size: 16px;
}
/* 使用rem或em單位 */
p{
font-size: 1rem;
}
/* 避免使用廠商前綴 */
.box{
display: flex;
}
/* 特殊情況下使用廠商前綴 */
.box{
display: -webkit-flex;
display: flex;
}
/* 使用標準屬性 */
.box{
justify-content: center;
}
/* 避免使用Hack */
/* IE 6、7、8 */
.box{
*display: inline-block;
}
/* IE 9、10 */
.box{
display: -ms-flexbox;
}
/* IE 11 */
.box{
display: flex;
}
/* 在不同設備上進行測試 */
@media screen and (min-width: 768px) {
.box{
flex-direction: column;
}
}

除了上述技巧外，我們還可以使用CSS前綴自動添加工具，例如Autoprefixer，可以省去手動添加廠商前綴的煩惱。另外，我們也可以使用Normalize.css等重置樣式庫統一不同瀏覽器的默認樣式。

總的來說，在編寫CSS時，考慮到兼容性是至關重要的。通過遵循最佳實踐和使用相關工具，我們可以輕松地編寫具有跨瀏覽器兼容性的CSS代碼。