CSS3媒體查詢是一種響應式設計的技術，它可以根據不同的設備類型，如手機、平板、筆記本電腦以及桌面電腦，來適應不同的屏幕大小和分辨率。

/* 假設我們要根據設備類型為手機和平板設備來設置樣式 */
@media only screen and (max-width: 768px) {
/* 這里是樣式代碼 */
}

在上面的代碼中，@media是媒體查詢的關鍵字，only是一個可選的關鍵字，表示只對指定的設備類型應用樣式，screen表示指定的設備類型為屏幕，max-width表示如果屏幕寬度不大于768像素，則應用媒體查詢中的樣式。

/* 如果想要根據設備類型為筆記本電腦和桌面電腦設置樣式，可以這樣寫 */
@media only screen and (min-width: 1024px) {
/* 這里是樣式代碼 */
}

在上面的代碼中，min-width表示如果屏幕寬度不小于1024像素，則應用媒體查詢中的樣式，這樣就可以根據設備類型為筆記本電腦和桌面電腦來設置樣式。

通過CSS3媒體查詢，我們可以實現在不同的設備類型上呈現出不同的布局和樣式，從而提升用戶的使用體驗。