Media Queries für Retina Displays

[Rolf B]

Hallo ebody,

Ja, dann schaltet das ja auch nicht um!

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…

Wenn du dann in der Mobil-Emulatoransicht zwischen Geräten mit unterschiedlicher Auflösung umschaltest, solltest Du einen Effekt sehen.

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

Rolf