CSS3 media兼容是指要讓樣式在不同的設備和瀏覽器上都能夠正確的顯示。由于不同的瀏覽器和設備對CSS3 media的支持程度不同，因此需要運用一些技巧來解決兼容性的問題。

@media screen and (max-width: 768px) {
body {
background-color: yellow;
}
}

在CSS3中，@media是用來定義不同設備或不同媒體類型下的樣式表的，在@media下面的樣式只有在滿足條件時才會被應用。

使用兼容的CSS3 media的步驟如下：

1. 了解你的用戶使用的瀏覽器和設備類型，特別是移動設備。
2. 編寫CSS3 media查詢的樣式。
3. 測試你的樣式在各種瀏覽器和設備上的表現。
4. 根據測試結果對樣式進行微調，以獲得最佳的兼容性。

總之，雖然兼容CSS3 media可能會花費你一些時間，但這是制作一個優秀的網站或應用程序所必需的步驟。通過充分的測試和微調，你可以確保你的樣式在各種情況下都能良好的工作。