CSS可以根據設備像素比（dpr）來設置樣式，這對于適配不同像素密度的設備尤其重要。

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
/* 針對設備像素比為2的設備設置樣式 */
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi){
/* 針對設備像素比為3的設備設置樣式 */
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
/* 針對設備像素比為1.5的設備設置樣式 */
}

我們可以使用媒體查詢來根據設備像素比設置樣式。在上面的例子中，我們設置了三個媒體查詢，分別適配設備像素比為2、3、1.5。值得注意的是，像素密度并不等于像素大小，比如在Retina設備上，1個CSS像素會對應2個物理像素。

在實際使用中，我們可以根據設備像素比來設置圖片的大小、字體大小等樣式，以達到更好的顯示效果。