使用@media，大家可以为不同的设备设置不同的样式，例如：
/* 在小屏幕设备上应用不同的样式 */
@media only screen and (max-width: 600px) {
body {
font-size: 16px;
}
}
/* 在中等屏幕设备上应用不同的样式 */
@media only screen and (min-width: 601px) and (max-width: 900px) {
body {
font-size: 18px;
}
}
/* 在大屏幕设备上应用不同的样式 */
@media only screen and (min-width: 901px) {
body {
font-size: 20px;
}
}在上面的例子中，大家在不同的设备宽度下应用不同的字体大小。当设备宽度小于或等于600px时，字体大小为16px。在601-900px之间，字体大小为18px。在大于901px时，字体大小为20px。
注意，大家可以在同一个样式表中使用多个@media查询，以便为不同的设备或屏幕尺寸应用各种样式。这使得大家可以为大家的网站或应用程序提供更好的用户体验，不管设备是什么。