CSS獲取一個DPI

在web開發中，設備的DPI(Dots per Inch)是一個重要的參數。我們可以通過CSS獲取一個設備的DPI，以便于我們在編寫網頁時能根據不同設備的DPI顯示不同的內容。

如下代碼可以用于獲取設備的DPI：

@media print {
@-moz-document url-prefix() {
@-moz-document url-prefix() {
body {
zoom: 1.24;
}
}
}
}
@media print {
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
body {
zoom: 1.25;
}
}
@media (min-resolution: 144dpi) {
body {
zoom: 1.5;
}
}
@media (min-resolution: 192dpi) {
body {
zoom: 2;
}
}
}

上述代碼中，我們通過@media標簽，指定了不同DPI下的zoom值。具體來說：

1. 如果DPI=120，則zoom=1.25；
2. 如果DPI=144，則zoom=1.5；
3. 如果DPI=192，則zoom=2；

這樣，在不同設備的DPI下，我們的網頁就能夠以合適的大小呈現在用戶的屏幕上了。