隨著移動設(shè)備的普及，越來越多的網(wǎng)站需要適應(yīng)不同尺寸的屏幕，這就需要使用響應(yīng)式設(shè)計(jì)。而 CSS3 提供的媒體查詢功能，可以幫助開發(fā)者快速適配各種設(shè)備尺寸。

使用 CSS3 媒體查詢的方法很簡單，只需在 CSS 文件中添加一段代碼：

@media screen and (max-width: 768px) {
/* 在此輸入針對小于等于 768px 屏幕寬度的 CSS 樣式 */
}

上述代碼中，screen表示適用于屏幕設(shè)備，max-width表示屏幕的最大寬度，這里設(shè)為 768 像素。在@media中定義的樣式，只有在滿足條件時(shí)才會生效。

除了max-width，媒體查詢還支持其他條件，如min-width、orientation、device-width等等。使用這些條件，可以精確控制不同尺寸、不同設(shè)備的樣式，以達(dá)到最佳的用戶體驗(yàn)。

最后，需要注意的是，媒體查詢的代碼要寫在原有樣式之后。這樣，在頁面加載時(shí)先按照原來的樣式布局，然后根據(jù)設(shè)備尺寸再覆蓋樣式，可以避免頁面出現(xiàn)明顯的閃爍和抖動。