Media Queries für Retina Displays

[ebody]

Hallo Rolf,

vielen Dank für den Tipp.

Chrome hat in den Einstellungen der Developer Tools (der Zahnrad-Button) den Bereich "Geräte". Die dort gelisteten Geräte werden leider nicht mit ihrer Auflösung und dpi-Zahl gelistet. Aber Du kannst ein eigenes Gerät definieren, und dort den dppx Wert vorgeben (also Realpixel pro CSS Pixel). Da ein CSS Pixel von 96dpi ausgeht, kannst Du mit einem dppx-Wert von 2 die 192dpi emulgieren. Oder so…

Ich verstehe gerade nicht, wie ich das umsetzen soll. Ein MacBook Pro (16″) z.B. hat eine Auflösung von 3456 × 2234 Pixel.

Man kann die entsprechende Auflösung angeben. Aber was du beschreibst, scheint mir so als könnte man die Pixeldichte auch simulieren?! Wie kann man das denn einstellen? Oder mit welcher Formel müsste ich diese jetzt umrechnen, um ein Retina Display zu simulieren?

Übrigens ist der Edit-Dialog für Geräte nicht als Vorlange empfehlenswert. Placeholder sind keine Labels!

Hier weiß ich nicht, was du meinst.

Gruß ebody