Zwei Möglichkeiten um die neuen “High Pixel Density Displays”, wie z.B. das Apple Retina Display zu erkennen und zu unterstüzen.
Das größte Einsatzgebiet ist sicherlich hochauflösende Bilder bei den entsprechenden Geräten ausgeben zu lassen.
Eine Möglichkeit wäre mit Mediaqueries zu arbeiten und folgenden Code-Schnipsel zu nutzen:
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.example-class {
background-image: transparent url(pfad/image.jpg);
}
}
Die zweite Möglichkeit wäre der Einsatz von Java Script.
< script type="text/javascript">// < ![CDATA[ if (window.devicePixelRatio >= 2) {
document.write(" ");
} else {
document.write(" ");
// ]]>