Existe-t-il une résolution de page Web standard pour les téléphones mobiles?
La plupart des concepteurs utilisent 1024x768 comme base de référence pour le développement de sites Web. Cela leur permet d'utiliser des systèmes de grille CSS comme 960 et un plan directeur pour décrire facilement le contenu. Existe-t-il une résolution de base similaire pour la conception pour les téléphones mobiles?
La majorité des utilisateurs utiliseront des téléphones iPhone, Android et BlackBerry.
320 x 480 est la résolution d'écran courante pour les nouveaux appareils mobiles.
Compatibilité du site Web iPhone
Cela étant dit, si vous souhaitez prendre en charge la majorité des appareils mobiles, vous souhaiterez peut-être prendre en charge plusieurs résolutions.
Ce site Web est super pratique. Une base de données à jour de divers appareils et de leurs spécifications d'écran.
Vous pouvez
- obtenir les tailles d'écran des appareils que vous prévoyez de prendre en charge,
- Créez, disons, 2-3 versions de votre site et détectez la chaîne useragent et dirigez l'utilisateur vers l'un de ces sites.
Avec les appareils Android, iphone et blackerry, il n'y a pas de grande différence dans les tailles d'écran. Avec une vision et un design peu poussés, vous pourrez peut-être faire fonctionner tous ces combinés sur un site Web mobile (par exemple, il serait juste de dire que la largeur serait de 240 pixels ou plus et que la conception serait conforme)
Cependant, si vous envisagez d'aller plus loin que ces plateformes, un monde de blessures vous attend (J2ME, BREW, Symbian, WinMo et tailles d'écran 120x160, 176x220, etc.)
si vous utilisez Apache ApacheMobileFilter peut vous aider à déterminer la taille réelle de l'écran de l'appareil
oui il y a 1024 x 960 x 800 x 768 x 640 x 480 x 360 pour les tailles de conception Web resposives - mieux vaut aller avec des pourcentages pour avod ce
Non, tout simplement.
Beaucoup d'informations ici. http://www.quirksmode.org/mobile/
Il y a tout simplement trop d'appareils avec trop d'écrans différents pour assumer une résolution commune. S'il peut être vrai que 320 x 480 peuvent être trouvés sur de nombreux appareils, ce n'est en aucun cas "commun". Vous devez utiliser des principes de conception flexibles, puis utiliser les requêtes multimédias 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 à gérer en ce moment.
J'écris des jeux pour les appareils mobiles. Dans mon code, je positionne tout en pourcentage car ce sera toujours le même, plus j'utilise également un var pour ajuster le nombre de pixels qu'ils ont ensuite réglé ma résolution en fonction de vous pouvez faire à peu près la même chose avec css = et quelques tailles d'images différentes dans vos ressources.