Auflösung

Die Bildschirmauflösung beschreibt, aus wie vielen Pixeln dein Monitor in Breite und Höhe besteht — etwa 1920×1080 für Full HD oder 3840×2160 für 4K. Je höher die Auflösung, desto schärfer das Bild und desto mehr Details passen auf den Bildschirm.

Webseiten sehen aber nicht direkt deinen Monitor, sondern den Viewport — also die Größe deines Browser-Fensters minus Bedienelemente. Eine responsive Webseite passt ihr Layout auf diese Viewport-Größe an, nicht auf die echte Monitor-Auflösung.

Auf modernen Displays gibt es zusätzlich die Pixel Ratio (auch Device Pixel Ratio): Sie sagt aus, wie viele physische Pixel deines Monitors auf einen logischen Pixel kommen. Auf einem MacBook Retina ist sie z.B. 2,0 — die wahre physische Auflösung ist also doppelt so hoch wie das, was Webseiten als „Auflösung" sehen.