CSS 媒體查詢的作用是根據不同的設備特性，為網站提供不同的樣式。其中，DPR（設備像素比）是一項很重要的特性。在界面清晰度方面，DPR 代表了設備物理像素和 CSS 像素之間的比例。

假設一臺手機物理像素為 640px，而 CSS 中設置的樣式為 320px，那么 DPR 就是2。當然，這一數值會因為不同的屏幕尺寸、分辨率以及設備類型而改變。在移動端，經常使用 2 或者 3 的 DPR，甚至還有些刻意提高 DPR 的設備。

/* 在CSS中設置媒體查詢，依據DPR提供不同的樣式 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
/* DPR為1.5的設備會應用這份樣式 */
.example {
font-size: 14px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
/* DPR為2的設備會應用這份樣式 */
.example {
font-size: 16px;
}
}

上面的代碼演示了針對不同 DPR 設備的媒體查詢的實現。在實際開發中，應該根據實際需要設置樣式。可以根據 DPR 調整字體大小，圖片尺寸，邊框粗細等等，以適應不同的設備。

總而言之，CSS 媒體查詢的 DPR 特性是為了適應不同的設備像素比例。合理的利用媒體查詢可以為用戶提供更優質的體驗。