Résolution d'écran mobile ambiguë

Question

Quelle est la résolution réelle de mon téléphone? La résolution détectée par CSS

Le téléphone est un Samsung S6. Ses spécifications d'usine montrent une résolution de 1440px x 2560px. Cependant, lorsque j'utilise css @media(max-width:...px) pour détecter la résolution de l'écran, le navigateur mobile se comporte comme s'il se situait entre 768px et 991px de largeur. En utilisant l'outil d'inspection Google Chrome et en basculant vers la vue mobile, il apparaît qu'un Samsung S5 a une résolution de 360px x 640px.

Alors où est la vraie résolution dans tout cela?

Answer 1

La taille de l'écran et la résolution de l'écran ne sont PAS identiques. Vous semblez confondre les deux.

Les outils de développement Web de Google détectent la taille de l'écran (comme dans la largeur de l'écran) par opposition à la résolution de l'écran.

La résolution d'écran fait référence à la clarté du texte et des images affichées sur votre écran.

Avec des résolutions plus élevées, telles que 1600 x 1200 pixels, les éléments apparaissent plus nets.

Pour résumer; l'outil d'inspection de google ramasse la taille de l'écran physique des périphériques et les émule, il n'émule pas la résolution de l'écran qui est essentiellement la qualité de la sortie de texte/images.