2011-09-27 2 views
3

Quelles sont les meilleures tailles de requêtes multimédias à utiliser pour être sûr que vous avez ciblé les tablettes, téléphones, ordinateurs portables et ordinateurs de bureau de votre mieux? Par exemple: L'iPhone et le Droid ont une taille d'écran de 320X480, donc il serait bon de s'assurer que le design est bien à ces tailles, car beaucoup de téléphones ont cette taille. Quelles autres tailles serait-il bon de cibler? Je ne cherche pas juste pour les tailles d'iphone/ipad, mais en général. D'autant qu'il y a plus d'appareils Android que d'appareils iOS, et que les appareils Android ont tendance à être de tailles différentes.Tailles recommandées pour les requêtes multimédias, pour couvrir les tablettes, les ordinateurs portables et les ordinateurs de bureau

écran @media et (max-width: 480px) { /* ciblerait paysage pour le droïde, iphone 3, etc. * /}

écran @media et (max-width: 320px) { /* ciblerait portrait du droïde, iphone 3, etc. */ }

Répondre

1

vous pouvez regarder le mien, http://dev.bowdenweb.com/a/css/media-queries-boilerplate.css mais je pris la plupart d'entre eux des requêtes des médias durs, http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries

+0

Le premier fichier CSS n'existe pas à l'écriture de ce fichier. – Narretz

+0

@Narretz es-tu sûr? Fonctionne pour moi ... – TryingToImprove

+0

@TryingToImprove J'ai perdu mon serveur au début de 2012. J'ai essayé de le reproduire autant que possible, mais il l'a probablement vu quand il était en panne. en fait je pense que son commentaire était mon indice que le document était absent – albert

3

Here est un excellent lien vers la taille de l'écran s. Personnellement, puisque l'iPad est par FAR la tablette la plus populaire, concevez la taille d'écran moyenne (1024x768) à cette spécification (taille de l'iPad 2) - plus grande que cela et vous vous précipitez au format de bureau. Pour la taille du téléphone intelligent, je voudrais aller avec 960x640, même si cela va probablement augmenter pour iPhone et Android au cours de l'année prochaine si pas plus tôt.

+2

ce lien est mort :( – albert

+0

vive le lien! – Ziggy

Questions connexes