Mehrdeutige mobile Bildschirmauflösung

Question

Was ist meine Telefonauflösung? Die Auflösung, die CSS erkennt.

Das Telefon ist ein Samsung S6. Seine Werksspezifikationen zeigen eine Auflösung von 1440px x 2560px.

Wie auch immer, wenn ich css @media(max-width:...px) verwende, um die Bildschirmauflösung zu ermitteln, verhält sich der mobile Browser so, als ob er irgendwo zwischen 768px und 991px Breite liegt.

Mit Google Chrome Inspection Tool und Umschalten auf mobile Ansicht zeigt, dass ein Samsung S5 eine Auflösung von 360px x 640px hat.

Also wo ist die wahre Auflösung in all dem?

Answer 1

Bildschirmgröße und Bildschirmauflösung sind nicht identisch. Sie scheinen die beiden zu verwirren.

Die Webentwicklungs-Tools von Google erkennen die Bildschirmgröße (wie in der Breite des Bildschirms) im Gegensatz zur Bildschirmauflösung.

Bildschirmauflösung bezieht sich auf die Klarheit des Textes und der Bilder, die auf Ihrem Bildschirm angezeigt werden.

Bei höheren Auflösungen, z. B. 1600 x 1200 Pixel, erscheinen die Objekte schärfer.

Zusammenfassend; Das Google Inspection Tool erfasst die physische Bildschirmgröße von Geräten und emuliert sie, es emuliert nicht die Bildschirmauflösung, die im Wesentlichen die Qualität der Ausgabe von Text/Bildern ist.