CSS3的媒體查詢是一項(xiàng)非常強(qiáng)大的技術(shù)，它可以實(shí)現(xiàn)自適應(yīng)布局以便更好地適應(yīng)不同的設(shè)備和屏幕大小。媒體查詢是基于檢查設(shè)備的特性來(lái)應(yīng)用不同的CSS規(guī)則。媒體查詢由媒體類型，特定設(shè)備的尺寸和設(shè)備方向等條件組成。以下是一個(gè)關(guān)于如何使用CSS3媒體查詢的示例代碼：

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

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

CSS3媒體查詢還有很多屬性可以使用，如屏幕方向、分辨率、設(shè)備比例等等。使用媒體查詢可以讓網(wǎng)頁(yè)達(dá)到更佳的響應(yīng)式設(shè)計(jì)效果，為不同的設(shè)備提供不同的用戶體驗(yàn)。