CSS獲取屏幕DPI

@media only screen and (min-resolution: 300dpi) {
/*高DPI的樣式*/
}
@media only screen and (min-resolution: 240dpi) and (max-resolution: 299dpi) {
/*中DPI的樣式*/
}
@media only screen and (max-resolution: 239dpi) {
/*低DPI的樣式*/
}

DPI指的是屏幕每英寸上的像素點數，它的大小通常決定了屏幕的清晰度。而對于Web開發者來說，準確獲取屏幕DPI是非常重要的，因為不同DPI的屏幕在顯示網頁時可能需要不同的樣式。

CSS提供了一個@meida查詢指令，可以根據屏幕DPI來做響應式調整。在以上代碼中，我們可以看到一個典型的@meida查詢，用來針對不同DPI的屏幕進行樣式調整。

通過這個方法，我們可以為不同DPI的屏幕提供不同的CSS樣式。這不僅可以讓網頁在不同屏幕上保持一致的呈現效果，還能引入更多的視覺效果，給用戶更好的使用體驗。