CSS3的媒體查詢是一項非常強大的技術，它可以實現自適應布局以便更好地適應不同的設備和屏幕大小。媒體查詢是基于檢查設備的特性來應用不同的CSS規則。媒體查詢由媒體類型，特定設備的尺寸和設備方向等條件組成。以下是一個關于如何使用CSS3媒體查詢的示例代碼：

/* 這是針對最大寬度為768px的設備的CSS規則 */
@media screen and (max-width:768px) {
body {
font-size:14px;
}
}
/* 這是針對最小寬度為768px的設備的CSS規則 */
@media screen and (min-width:768px) {
body {
font-size:16px;
}
}
/* 這是針對寬度大于320px且小于768px的設備的CSS規則 */
@media screen and (min-width: 320px) and (max-width: 768px) {
img {
max-width: 100%;
}
}

在上面的代碼中，@media用于定義條件語句，使得頁面可以響應不同設備的特定規則。例如第一個規則是針對最大寬度為768像素的設備，指定文本大小為14像素。第二個規則是針對最小寬度為768像素的設備，指定文本大小為16像素。第三個規則是針對寬度大于320像素且小于768像素的設備，指定圖像最大寬度為100%。

CSS3媒體查詢還有很多屬性可以使用，如屏幕方向、分辨率、設備比例等等。使用媒體查詢可以讓網頁達到更佳的響應式設計效果，為不同的設備提供不同的用戶體驗。