媒體查詢是響應式網頁設計中不可或缺的一部分。通過媒體查詢，可以根據(jù)不同設備的屏幕尺寸、分辨率等特性來調整網頁的樣式和布局。而在使用媒體查詢時，我們經常需要引用別的CSS文件來對不同的設備進行響應。下面將介紹如何在媒體查詢中引用別的CSS文件。

/* 在媒體查詢中引用別的CSS文件 */
@media screen and (max-width: 768px) {
/* 引用外部CSS文件 */
@import url("mobile.css");
}

在媒體查詢中，可以使用@import語句來引用其他CSS文件。@import語句必須放在媒體查詢的大括號內部，以確保它們只對相應的設備生效。上述代碼中，當屏幕寬度小于等于768px時，就會自動引用mobile.css中的樣式。這樣就能夠很方便地實現(xiàn)響應式設計了。

除了@import語句外，我們還可以使用link標簽來引用外部CSS文件。不過，需要注意的是，在媒體查詢中使用link標簽時，必須為其添加media屬性，指定該CSS文件所適用的媒體類型。示例如下：

/* 在媒體查詢中使用link標簽引用CSS文件 */

了解了如何在媒體查詢中引用別的CSS文件，我們就可以更加方便地實現(xiàn)響應式設計，讓網頁在不同的設備上都能夠有優(yōu)美的布局和樣式了。