@media, Bildschirmbreite und Smartphones
bearbeitet von
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](https://wiki.selfhtml.org/wiki/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](
https://wiki.selfhtml.org/wiki/JavaScript/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_
--
sumpsi - posui - clusi