CSS 響應式設計是一種流行的設計趨勢，隨著用戶在不同設備上使用互聯網的方式發生變化，眾多網站都采用了響應式設計，以便用戶可以在任意設備上訪問網站并獲得良好的體驗。在 CSS 中，媒體查詢可以根據設備屏幕的尺寸，選取不同的 CSS 樣式。這就是所謂的 CSS 響應式設計。

使用媒體查詢的方法是使用 @media 關鍵字并在其中設置響應式規則。媒體查詢的規則通常涉及屏幕的寬度，可以使用 min-width 或 max-width 進行設置。下面的代碼演示了一個基本的媒體查詢模板：

@media only screen and (max-width: 768px) {
/* 在小于 768px 的屏幕上應用以下指令 */
body {
font-size: 14px;
}
}

在上面的代碼中，媒體查詢選擇了屏幕寬度小于 768px 的設備，并在該設備上更改了 body 元素的字號為 14 像素。這是一個基本的響應式設計示例，讓您的網站更適合移動設備。

總的來說，CSS 響應式設計是一種靈活的設計方式，可以根據設備上屏幕的尺寸進行變化。通過使用媒體查詢，您可以選擇使用不同的樣式，這樣您的網站就可以在各種設備上獲得更好的體驗。如果希望設計一個適合不同屏幕尺寸的網站，請務必嘗試使用 CSS 響應式設計。