CSS是網頁設計開發中非常重要的一項技術，為Web文檔添加樣式和布局。在不同的設備上呈現網頁時，需要根據設備屏幕大小、分辨率以及瀏覽器類型等因素對CSS進行相應的適配。接下來，我們將介紹一些常見設備的CSS適配方法。

1、PC端屏幕適配：

@media screen and (min-width: 1200px) {
// 在屏幕寬度為1200px及以上時應用以下CSS樣式
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
// 在屏幕寬度在992px到1199px之間時應用以下CSS樣式
}
@media screen and (max-width: 991px) and (min-width: 768px) {
// 在屏幕寬度在768px到991px之間時應用以下CSS樣式
}
@media screen and (max-width: 767px) {
// 在屏幕寬度小于等于767px時應用以下CSS樣式
}

2、移動端屏幕適配：

@media screen and (min-width: 481px) {
// 在屏幕寬度大于481px時應用以下CSS樣式
}
@media screen and (max-width: 480px) {
// 在屏幕寬度小于等于480px時應用以下CSS樣式
}

3、Retina高清屏幕適配：

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
// 在Retina屏幕上應用以下CSS樣式
}

4、打印設備適配：

@media print {
// 在打印文檔時應用以下CSS樣式
}

以上是常見設備的適配方法，可以根據具體需求進行選擇使用。好的CSS適配可以讓網站在不同設備上呈現出更好的效果，提高用戶體驗。