@media, Bildschirmbreite und Smartphones

[Rolf B]

Hallo Ingrid,

(1) Displaypixel sind nicht CSS Pixel. Je nach Gerät gibt es da Verhältnisse von 2:1 oder sogar 3:1. Das machen die Geräte deshalb, damit Du kein Mikroskop zum Ablesen einer Webseite auf einem Retina-Display brauchst. Ein Gerät mit 1440 Displaypixeln Bildbreite kann also durchaus nur 720 oder 480 CSS Pixel in der Breite aufweisen.

Aufschluß über die realen Werte gibt die Eigenschaft window.devicePixelRatio.

(2) 16px ≠ 1em. Es ist oft so, ja, aber es ist nicht zwingend gleich. Verstellt der Anwender seine Textskalierung, oder definierst Du eine andere Fontgröße für den Body, ist das Verhältnis nicht mehr gegeben.

Rolf