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

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

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

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

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

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