2010-03-02 2 views
32

La plupart des concepteurs utilisent 1024x768 comme référence pour le développement de sites Web. Cela leur permet d'utiliser des systèmes de grille CSS comme le plan directeur 960 & pour délimiter facilement le contenu. Existe-t-il une résolution de base similaire pour la conception de téléphones mobiles?Existe-t-il une résolution de page Web standard pour les téléphones mobiles?

La majorité des utilisateurs utiliseront des téléphones iPhone, Android et Blackberry.

+0

Cochez [cette question] (http://stackoverflow.com/questions/10031266/mobile-and-desktop-screen-size-statistics) – Jens

Répondre

34

320 par 480 est la résolution d'écran commun pour les nouveaux appareils mobiles.

iPhone Website Compatibility

Android Display Metrics

Cela dit si vous voulez soutenir la majorité des appareils mobiles, vous pouvez prendre en charge plusieurs résolutions.

+8

Ces valeurs sont-elles à jour? Deux ans plus tard? –

+1

@OlivierPons Je vais * deviner * pas. – Dan

+0

Le monde de la téléphonie mobile a explosé depuis sa publication initiale, ce qui nous donne une multitude de tailles d'écran. Naturellement, il y a un large éventail de tailles à construire, mais est-ce que quelqu'un connaît la taille d'écran la plus * généralement vue * ou * médiane * de nos jours? –

2

si vous utilisez ApacheMobileFilter apache peut aider à déterminer la taille de l'écran de l'appareil réel

2

Vous pouvez

  1. obtenir les tailles d'écran pour les périphériques que vous pour soutenir,
  2. disent Créez, 2-3 versions de votre site et de détecter la chaîne useragent et l'utilisateur direct à l'un de ces sites.

Avec les appareils Android, iPhone et Blackberry il n'y a pas de grande différence dans les tailles d'écran. Avec un peu de prévoyance et de design, vous pouvez être en mesure de faire fonctionner tous ces appareils sur un site mobile (par exemple, il serait juste de dire que la largeur serait de 240 pixels ou plus et de concevoir en conséquence)

Cependant, si vous prévoyez pour aller plus loin que là ces plates-formes il y a un monde de blessure qui vous attend, (J2ME, BREW, Symbian, WinMo et 120x160, tailles d'écran 176x220 etc)

1

Simplement, non.

Beaucoup d'informations ici. http://www.quirksmode.org/mobile/

Il y a trop de périphériques avec trop d'écrans différents pour adopter une résolution commune. Alors qu'il peut être vrai que 320 x 480 peut être trouvé sur de nombreux appareils, il n'est en aucun cas "commun". Vous devez utiliser des principes de conception flexibles, puis utiliser les requêtes média ou la détection js pour ajouter une classe afin d'ajuster votre affichage aux dimensions appropriées. Cela fait partie de ce qui rend le mobile si difficile à résoudre en ce moment.

1

oui il y a 1024 x 960 x 800 x 768 x 640 x 480 x 360 pour les tailles de conception web resposive - mieux aller avec des pourcentages pour AVOD ce

12

This website est super pratique. Une base de données à jour de divers appareils et leurs spécifications d'écran.

+0

Vous pouvez également tester l'aspect du site Web à l'aide de la page quirktools, http://quirktools.com/screenfly/, avec des résolutions d'écran par défaut, mais vous pouvez également en utiliser une personnalisée. Si vous combinez la possibilité de tester les requêtes médias ici avec les informations de l'appareil posté par @luke, nous pouvons obtenir un résultat final très propre :) –

+1

Eh bien, ce site http://screensiz.es/ était à jour, mais semble avoir bloqué dans le temps. Pas de nouveaux téléphones là-dedans. –

1

J'écris des jeux pour les appareils mobiles. Dans mon code je positionne tout par le pourcentage car il sera toujours le même, plus j'utilise aussi un var pour ajuster combien de pixels ils ont alors réglé ma résolution pour convenir Vous pouvez faire à peu près la même chose avec css et quelques différents la taille de l'image est dans vos ressources.

Questions connexes