在響應式設計中，媒體查詢是一個必不可少的工具，它可以讓我們根據不同設備的屏幕大小，來調整網頁的布局和樣式。而CSS媒體查詢可以有多種寫法，下面就讓我們來了解一下。

//第一種寫法，直接在CSS文件中嵌入
@media screen and (max-width: 768px){
body {
font-size: 18px;
}
}
//第二種寫法，鏈接外部CSS//第三種寫法，通過JavaScript實現
if (window.matchMedia("(max-width: 768px)").matches) {
/* 屏幕寬度小于等于768px的樣式 */
}
//第四種寫法，通過meta標簽實現

以上是比較常見的幾種媒體查詢寫法，我們來逐一了解一下。第一種寫法是直接在CSS文件中嵌入，使用@media語法來定義，其中screen是代表屏幕媒介，max-width則是最大寬度的值，這里設定為768px，也就是達到或小于768px的屏幕都會應用這個樣式。
第二種寫法則是在HTML文件中通過link標簽鏈接外部CSS文件，通過href屬性指定要鏈接的CSS文件，media屬性設置了哪些媒介需要應用這個樣式。
第三種寫法則是通過JavaScript實現，我們可以使用matchMedia()方法來判斷當前屏幕的寬度是否符合指定條件，符合則執行對應的樣式代碼。
第四種寫法則是使用meta標簽，在頁面頭部加入，表示將頁面寬度設置為設備寬度，并且允許用戶縮放。這種寫法非常適用于移動設備。

總之，媒體查詢的寫法并不是唯一的，我們可以根據實際情況靈活選擇。無論使用哪種寫法，都能夠實現響應式設計的效果，讓我們的網頁在不同設備上都能夠展現最佳的效果。