可以使用CSS中的@media查询来根据不同设备定义样式。 @media查询是CSS中的一种条件语句，可以根据不同的媒体类型（例如屏幕、打印机、手机等）和不同的设备特性（例如宽度、高度、方向、分辨率等）来应用不同的样式。
下面是一个使用@media查询为不同设备应用不同样式的示例：
/* 根据设备宽度为600px以下定义样式 */
@media (max-width: 600px) {
body {
font-size: 14px;
}
}
/* 根据设备宽度在600px和900px之间定义样式 */
@media (min-width: 600px) and (max-width: 900px) {
body {
font-size: 16px;
}
}
/* 根据设备宽度为900px以上定义样式 */
@media (min-width: 900px) {
body {
font-size: 18px;
}
}在上面的示例中，使用@media查询来根据设备宽度应用不同的字体大小。max-width和min-width是@media查询中常用的关键词，用于指定设备的最大宽度和最小宽度。还有其他一些关键词和属性可以在@media查询中使用，例如orientation（设备方向）和resolution（设备分辨率）等。
需要注意的是，@media查询中的样式只会在满足条件时应用，如果条件不满足，则不会应用样式。因此，可以根据不同设备的特性来定义响应式布局和样式，以提高网站的用户体验。