cherche à trouver ou à créer un graphique présentant une gamme de tailles de webfages de périphérique mobile / tablette:
L'objectif est d'identifier les points d'arrêt logiques qui ont un sens sur une gamme d'appareils, pas seulement des dimensions exactes des produits d'Apple ...
(Si vous n'êtes pas familier avec une conception Web réactive, voici l'article qui a tout commencé) http://www.alistaparrer.com/articles/responsive-web-design
3 Réponses :
J'ai étudié des sites Web qui utilise des conceptions Web adaptatives sur http://mediaqueri.es/ .
Il semble qu'il n'y ait pas de nombres définitifs ici. Je suppose que la raison est que cela dépend fortement de la manière dont la page regarde réellement sur différents appareils.
EDIT: La documentation pour Twitter Bootstrap a une ligne directrice pour Viewport Dimensions, voir http: //twitter.github. com / bootstrap / échafaudage.html # réactif
Voici une liste assez longue de tailles de visualisation mobiles et tablettes. Il semble que 533 est la coupe de tablette sur mobile. http: // i- skool.co.uk/mobile-development/web-design-for-mobiles-and-Tablets-viewport-size/
Pour moi, la ressource la plus complète disponible est http://viewportsises.com/
Il est facile à utiliser et vous pouvez télécharger le document complet dans .csv ou .json
Android est plus compliqué cependant, densité de pixels B / C et large gamme de dispositifs ... :( suggestions?