CSS中的@media是一項非常有用的特性，它允許我們在不同的屏幕尺寸或設(shè)備上應(yīng)用不同的樣式表。

使用@media，我們可以為不同的設(shè)備設(shè)置不同的樣式，例如：

/* 在小屏幕設(shè)備上應(yīng)用不同的樣式 */
@media only screen and (max-width: 600px) {
body {
font-size: 16px;
}
}
/* 在中等屏幕設(shè)備上應(yīng)用不同的樣式 */
@media only screen and (min-width: 601px) and (max-width: 900px) {
body {
font-size: 18px;
}
}
/* 在大屏幕設(shè)備上應(yīng)用不同的樣式 */
@media only screen and (min-width: 901px) {
body {
font-size: 20px;
}
}

在上面的例子中，我們在不同的設(shè)備寬度下應(yīng)用不同的字體大小。當設(shè)備寬度小于或等于600px時，字體大小為16px。在601-900px之間，字體大小為18px。在大于901px時，字體大小為20px。

注意，我們可以在同一個樣式表中使用多個@media查詢，以便為不同的設(shè)備或屏幕尺寸應(yīng)用各種樣式。這使得我們可以為我們的網(wǎng)站或應(yīng)用程序提供更好的用戶體驗，不管設(shè)備是什么。