CSS媒體查詢是一種非常實用的技術(shù)，可以用來根據(jù)設(shè)備的屏幕大小、分辨率、顏色模式等因素，調(diào)整網(wǎng)頁的樣式和布局，在CSS媒體查詢中，我們可以使用@media規(guī)則來定義不同設(shè)備下的樣式。

我們可以根據(jù)屏幕大小來設(shè)置不同的字體大小，下面是一個簡單的例子：

@media screen and (max-width: 600px) {
  body {
    font-size: 18px;
  }
}
@media screen and (min-width: 601px) {
  body {
    font-size: 24px;
  }
}

上面的代碼會根據(jù)屏幕寬度來設(shè)置字體大小，當(dāng)屏幕寬度小于等于600px時，字體大小為18px；當(dāng)屏幕寬度大于600px時，字體大小為24px。

除了@media規(guī)則，CSS中還有其他一些方法可以根據(jù)設(shè)備來調(diào)整樣式，比如使用vw（視口寬度）單位來設(shè)置字體大小，下面是一個例子：

body {
  font-size: 2vw;
}

上面的代碼會將字體大小設(shè)置為視口寬度的2%，這樣在不同設(shè)備上都可以得到較為合適的字體大小。

CSS提供了多種方法來根據(jù)設(shè)備來調(diào)整樣式，使得網(wǎng)頁在各種設(shè)備上都能夠得到良好的顯示效果，媒體查詢是其中非常重要的一部分，可以幫助我們更好地適應(yīng)不同的設(shè)備環(huán)境。