iPad3 Retina und die Pixeldichte

[-]Dr.OeTz![-]

Hallo,

ich versuche gerade passend für RetinaDisplays passende Images per CSS zu laden: bspw:

@media only screen and (-webkit-device-pixel-ratio: 2) {
    #main #home .home_top.left{
        background-image: url(../images/home-top.left.image.large.jpg);
        background-size: 460px 180px;
    }
}

Das funktioniert mit dem iPhone4 auch wunderbar aber mit dem iPad3 habe ich keine Chance denn dessen Pixel-Ratio wird mit 1 angegeben

console.log(window.devicePixelRatio);

dieses JS-Schnippsel spuckt mir schlicht "1" aus was ja nicht sein kann?

 

[ice-breaker]

Probier mal folgendes:

-webkit-min-device-pixel-ratio