Quel est le problème avec la résolution du navigateur Web Android?

Question

Voici deux images du même téléphone android, une fois en mode portrait, une fois en mode paysage.

faut-il pas la résolution à l'opposé de l'autre? C'est à dire. si l'un est 800x1360, l'autre devrait être 1360x800? Que se passe t-il ici? Si j'essaye la même chose sur mon ipod touch, il signale la même résolution quelle que soit l'orientation. En outre, sur le téléphone Android, la résolution semble changer lorsque vous effectuez un zoom avant et arrière ou faites défiler la page. J'essaie de comprendre comment gérer la résolution "signalée" d'un téléphone Android en CSS, ce que je ne peux pas faire jusqu'à ce que je sache exactement quelle résolution il signale. :(

Answer 1

Pour autant que je sache, le navigateur suppose que vous allez laisser reprojette la page si nécessaire, il rend compte juste toujours la même largeur, peu importe la taille réelle de l'écran et de l'orientation. La hauteur est probablement juste choisie de sorte que le rapport d'aspect correspond au rapport d'écran réel. Si vous exécutez FroYo, la largeur est presque toujours signalée comme 800. Je crois que c'était plus comme 640 pour Eclair, et que les versions antérieures peuvent avoir utilisé un schéma complètement différent pour rapporter la taille de l'écran. (Ces versions antérieures supportaient aussi, je crois, "@media handheld", contrairement aux versions ultérieures qui supposent que l'écran/navigateur de votre téléphone est plus proche d'un ordinateur de bureau que d'un ordinateur de poche traditionnel.)

Answer 2

J'ai remarqué une chose étrange où des dimensions comme celle-ci sont stockées depuis la fenêtre/session précédente.Quand vous allez en paysage/portrait et obtenez le rez, faites un rafraîchissement, voir si vous obtenez un autre rez différent.

est de même pour l'échelle.

Mon conseil est faire une recherche useragent et faire une page spécialement pour les appareils mobiles. rendant le site «de bureau normal travail juste ne.

si vous ne faites le site mobile regarde le meta tage html "Viewport" et met quelque chose comme ça dans ta tête