Résolution des écrans Smartphone et tablette

[baaaaa]

Bonjour,

 

J'ai une question surement évidente (c'est lundi !).

 

Les nouveaux smartphone et tablette ont des résolutions annoncées qui ne correspondent pas à ce que je vois [color=red]qd[/color] je fais des tests.

 

Exemples:

• mon tel, un sony Xperia Z3 compact a une résolution 720 x 1280 .   
• un ipad 4  a une résolution de 2048 x 1536 pixels

Si je vais sur des sites pour tester la résolution, par exemple http://fr.screenresolution.org/, ça me sort:

• sony xperia Z3 compact : 360 x 640
• ipad 4 : 768 x 1024

Par contre, sur mon ordi, ça me sort la bonne valeur en 1920x1080, comme annoncé par le constructeur.

 

Est ce que la résolution annoncée s'applique pour les applis natives, l'OS, mais pas le browser ?

 

Merci !

[YoshiFrance]

Bonjour, je crois que c'est plus un bug venant du site et je peux vous assurez qu'on voit nettement une différence entre un 360X640 et un 720X1280.

[baaaaa]

Bonjour,

 

C'est que je me disais mais si je teste en allant avec le tel sur un site responsive, l'agencement des blocs correspond en effet à une résolution de 320 x 640 et pas de 720x1280.

 

Pour tester, je prends un site responsive sur l'ordi, je redimensionne simplement la fenêtre du browser pour réorganiser les blocs. En faisant ça et en diminuant au max, ce que je vois sur le tel correspond bien à l'agencement que je vois sur ma fenêtre réduite sur mon écran. Les règles CSS qui s'appliquent sont celles d'un écran égal ou inférieur à 350px

 

Dc je comprends pas...

Bonjour,

 

A priori, sur mobile et tablette, on parle plus de dimensions d'écran et de résolution. Dc en effet, la résolution retournée par les sites de tests seraient fausses, mais du coup aussi, les règles de CSS qui s'appliquent en fonction d'une dimension en px ne s'appliquent donc pas exactement comme ça.

 

Un calcul soit surement être fait pour simuler une résolution de 320 x 640 px mais en réalité l'écran restitue ces dimensions avec plus de densité de pixels.

 

Du coup, je vois pas comment on peut savoir à l'avance la résolution supposée d'un écran. Un tel full hd ne rendra pas 1920px de large sur un écran de 4", mais il utilisera les pixels pour une meilleure densité pour une dimension qui fera par exemple 720px.

 

J'ai bon ou pas du tout ?

 

qq infos trouvées ici : http://developer.android.com/guide/practices/screens_support.html#support

[YoshiFrance]

Si un téléphone est vendu avec un écran 1080p, l'écran aura une résolution de 1920x1080 (ya pas de triche dessus). Et si il doit afficher une image en 720p, le logiciel va adapter l'image à l'écran et l'écran aura toujours une résolution de 1920x1080. Pour le site web, il va s'adapter selon la taille de l'écran (la résolution n'est pas pris en compte). Je ne vois pas où il y a de problème, c'est comme ça depuis le début des écrans.

[baaaaa]

Le pb vient du fait que si je fais un design de site basé sur ordinateur sur une largeur de 920px par ex, je dois aussi adapter ce design sur des résolutions plus petites pour tablette et mobile, par exemple entre 768 et 920 et sous 768. Mais sous 768px, il peut y avoir plusieurs réglages à faire par exemple entre 480 et 768 et sous 480px, pour que ts les blocs d un site soient bien réagencés sous ts les terminaux possibles.

 

Mon mobile est un sony xperia Z3 compact et affiche une résolution de 720 x 1280 sur un écran de 4". A partir de la taille et de la résolution, on peut déterminer le nombre de dpi de l'écran, la taille du pitch si j ai tout compris.

 

Or ce que je vois si je spécifie du CSS pour du 720px sur un site, c'est que je n'ai pas cet affichage sur le mobile. L'affichage correspondant sur le mobile sera celui pour des propriétés media de 360px.

 

Le cas est similaire avec des écrans retina, pour lesquels il faut du css spécifique.

 

Ds ts mes tests, la résolution renvoyée par les sites de tests correspondait à la résolution media CSS qui était appliquée et qui différe de la résolution constructeur.

 

C'était donc ce que je ne comprenais pas. Mais les explications sur ma réponse précédente sur le site android sont assez claires.

[YoshiFrance]

D'accord, j'ai pas compris dans ce sens x) enfin, la rare fois que je me suis amusé à faire du CSS, l'interface du site dépend de la taille de l'écran et de l'onglet de la fenêtre du navigateur.