Taille recommandée pour questions des Médias, afin de couvrir les tablettes téléphones portables et les ordinateurs de bureau
Quels sont les meilleurs moyens de la Requête tailles à utiliser pour être sûr que vous avez ciblé les tablettes, les téléphones, les ordinateurs portables et les ordinateurs de bureau du mieux que vous pouvez?
Par exemple: L'iPhone et Droid ont une taille d'écran de 320 X 480, par conséquent, il serait bon de s'assurer que le design a l'air bon à ces tailles, depuis un grand nombre de téléphones qui sont de cette taille. Quelles sont les autres tailles serait-il bon de cible? Je ne cherche pas SEULEMENT pour l'iphone/ipad tailles, mais en général. Surtout depuis qu'il y a plus d'appareils Android maintenant que les appareils iOS et les appareils Android ont tendance à être de tant de différentes tailles.
@media screen and (max-width: 480px) {
/* paysage cible pour le droid, iphone 3, etc. */
}
@media screen and (max-width: 320px) {
/* portrait de la cible pour le droid, iphone 3, etc. */
}
OriginalL'auteur android.nick | 2011-09-27
Vous devez vous connecter pour publier un commentaire.
vous pouvez regarder le mien, http://dev.bowdenweb.com/a/css/media-queries-boilerplate.css mais j'ai pris la plupart de durs requêtes de média, http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries
êtes-vous sûr? Fonctionne pour moi...
j'ai perdu mon serveur au début de 2012. j'ai essayé de reproduire autant que possible, mais il a sans doute vu quand il était en bas. en fait, je pense que son commentaire était mon idée que le document est manquant
OriginalL'auteur albert
Ici est un excellent lien pour les tailles d'écran.
Personnellement, puisque l'iPad est de LOIN le plus populaire de la tablette électronique, de la conception à la moyenne de la taille d'écran (1024x768) pour la spécification (iPad 2 taille) - tout plus que cela et vous êtes en cours d'exécution pour la taille du bureau.
Pour Téléphone Intelligent taille je voudrais aller avec 960x640, bien que ce ne sera probablement augmenter pour iphone et android d'ici l'année prochaine si pas plus tôt.
longue vie à le lien!
OriginalL'auteur XianStudio