Stichwort DPPX.
Der Bildschirm deines Lenovo W510 hat eine Auflösung von 1920x1080 Pixel auf einer Größe von nur 15.6". Die Pixel Dichte liegt daher bei ~141 PPI.
Zum Vergleich: ein Desktop Monitor mit ~23" hätte bei der selben Auflösung eine Pixel Dichte von nur ~96 PPI.
Alle modernen Betriebssystem - das inkludiert Windows, MacOS, Android und iOS - setzen automatisch die Display Skalierung anhand der Pixeldichte.
Laut deinen Informationen ist die Skalierung auf deinem Lenovo auf 150% gesetzt. Das heißt alles wird um 150% größer dargestellt - das entspricht dann wiederum effektiv einer
virtuellen Auflösung von 1280x720 Pixel (DPPX = 1.5). Das kannst du dir auch auf
https://bjango.com/articles/min-device-pixel-ratio/ bestätigen lassen.
Das macht auch Sinn, ansonsten wäre alles "winzig" klein auf dem Monitor des W510.
Zum Vergleich kannst du diesen Wert einfach selbst ändern. Unter Windows 10 einfach einen Rechtsklick auf den Desktop, dann "Display settings" (ich schätze mal auf Deutsch heißt das "Monitor Einstellungen"). Dort gibt es dann direkt einen Schieberegler für die Skalierung -
King Kong online spielen - der sollte bei dir am primären Monitor bei 150% liegen.
Anderes Beispiel: das iPhone 7 (nicht +) hat eine Display Größe von 4.7" bei einer Auflösung von 750x1334, das entspricht einer Pixeldichte von ~326 PPI. Der DPPX Wert wird von iOS bei diesem Gerät auf 2.0 gesetzt. Das entspricht effektiv einer virtuellen Auflösung von 375x667 Pixel.
Bei der "virtuellen Auflösung" spricht man dann oft auch von "CSS Pixel". CSS Pixel mal DPPX ist gleich die Physische Größe. Wenn du auf dem iPhone 7 daher also die Anweisung margin-top:1px machst, stellt das Betriebssystem bzw. der Browser dann tatsächlich einen Abstand von
2 physischen Pixel dar.
Lesezeichen