Was bedeutet DPR (Device-Pixel-Ratio)?
Erklärung
DPR steht für Device-Pixel-Ratio und beschreibt das Verhältnis von CSS Pixeln zu Device Pixeln. Es ist möglich mit Hilfe von Media Queries das Verhältnis abzufragen.
@media (-webkit-device-pixel-ratio: 2) {
…
}
Wie ich das sehe und soweit ich weiß, ist die Definition genau falsch rum. DPR ist das Verhältnis von Device Pixeln zu CSS Pixeln und nicht andersrum.
Beispiel:
Physische Auflösung: 2048 x 1600 px
Logische Auflösung: 1024 x 800 px
DPR = 2 und nicht 1/2.