Quelle est la conception des meilleures pratiques pour régler la largeur de la page pour les pages web mobiles?

Question

Les différents navigateurs sur différents téléphones ont une résolution d'écran différente.

Y at-il une meilleure pratique dans la communauté pour définir la largeur d'une taille standard, de sorte que cela fonctionne sur la plupart des téléphones et navigateurs moderns?

Answer 1

à mon humble avis la meilleure pratique consiste à se passer trop d'hypothèses sur la largeur et la résolution du dispositif de clients.

La plupart du temps ces appareils ont des navigateurs orientés vers la réduction d'affichage / fluides / pages Web. Si possible, laissez le navigateur faire le travail.

Answer 2

Il n'y a aucun moyen facile d'assurer la précision de pixel parfait à travers les navigateurs mobiles (en fait, il n'y a pas moyen facile de le faire avec un navigateur ). Il y a, cependant, certaines méthodes pour aider à ce genre de travail. Par exemple, Safari mobile pour l'iPhone prend en charge une « fenêtre » balise meta qui vous permet de spécifier des attributs tels que la largeur. Voici quelques exemples d'utilisation:

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

Apple a quelques informations ici , et vous trouverez beaucoup plus d'informations sur le Web.

Answer 3

G'day,

Je sais que vous êtes question est de décider de faire une sélection de la taille de l'écran optimal pour travailler sur tous les téléphones, mais cette approche porte bientôt mince avec les utilisateurs.

Un grand site web, je suis associé prend la chaîne UserAgent et il normalise à un dénominateur commun, par exemple plus de 300 différentes chaînes UA utilisées au Royaume-Uni pour un type de téléphone particulier Sony Ericsson afin qu'ils obtiennent tous convertis à la même chaîne, et ne puis une recherche dans une table pour déterminer écran de l'immobilier.

Les codeurs ont également accès à la vitesse de connexion actuelle qui est déduit par une application de géolocalisation en fonction du type de connexion, le type de routage, etc. au moment de la demande. Vous ne voulez pas être l'envoi de médias riches, haute définition à quelqu'un avec une connexion lente.

Il est ensuite utilisé pour

1. décider si le contenu riche peut être servi, puis
2. sélectionnez le format optimal pour le contenu.

HTH

Cheers,

Answer 4

Vous pouvez toujours utiliser "ems" au lieu de pixels qu'ils devraient échelle correctement.

Ceci est encore un sujet délicat puisque de nombreux navigateurs mobiles interprètent essentiellement ce que vous avez selon la façon dont les développeurs ont voulu faire interpréter.