在Web設計中，響應式設計已經成為一個必要的選項。CSS3中使用媒體查詢可以根據屏幕尺寸和設備類型來應用不同的樣式。其中，only關鍵字可以更精確地選擇特定設備。

@media only screen and (max-width: 768px) {
/* 在屏幕寬度小于768像素時應用以下樣式 */
body {
font-size: 16px;
background-color: #fff;
}
}
@media only screen and (min-width: 992px) {
/* 在屏幕寬度大于等于992像素時應用以下樣式 */
body {
font-size: 20px;
background-color: #000;
}
}

如上代碼所示，在媒體查詢中使用only關鍵字可以避免樣式被應用于不支持查詢的設備上。例如，如果只是"screen and (max-width: 768px)"，寬度大于768像素的設備也會應用以下樣式。

同時，only關鍵字也可以與其他類型的媒體查詢組合使用。例如，"only all and (max-width: 768px)"將只在所有設備的寬度小于等于768像素時應用樣式。

總之，在響應式設計中，only關鍵字可以更精確地選擇設備類型并避免樣式被誤用。在使用媒體查詢時，需要仔細選擇適當的關鍵字和條件以確保正確的顯示效果。