2011-12-09 3 views
0

J'ai récemment été invité à mettre en place un site Flash. Depuis que je l'ai fait, je dois bien sûr suivre avec le site soeur qui fonctionnera avec les appareils portables, etcSites mobiles (résolution et sémantique)

Je mets un site ensemble qui semble, par exemple, fantastique sur le Blackberry, mais la résolution d'un iphone est si bon que le site semble microscopique. Quelle est la manière élégante de traiter ces disparités de résolution?

En outre, je viens d'utiliser PHP pour vérifier le type de navigateur et de nourrir différentes pages en fonction de cela, je n'ai pas fait un sous-domaine mobile ou utiliser un code mobile spécial. Ou est-ce que je commets des crimes sémantiques en les traitant comme un site Web normal mais différent?

Merci pour les commentaires de tous.

Répondre

1

CSS Media Queries ont été spécialement conçus pour résoudre ce problème.

Consultez l'article sur Responsive Web Design over at A List Apart

site Exemple:A List Apart CSS Media Query Example
Un autre grand exemple/tutoriel: http://webdesignerwall.com/tutorials/css3-media-queries
autre:http://hicksdesign.co.uk/
autre:http://colly.com/

Redimensionnez la largeur et la hauteur de cette fenêtre pour voir ce que font les requêtes média. (aussi, voir le css sous-jacent)

+0

semble que j'ai quelques lectures à faire. Merci pour la réponse concise. Est-ce que ces implémentations comportent une mise à l'échelle des polices ou est-ce simplement un contenu/modulaire? – sdo

+0

Les choses évolueront plutôt bien, à cause de la magie de la fenêtre que vous allez faire. Consultez-le ici: http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html (ou toute recherche google de «mediaqueries viewport» ou «page web viewport») –

+0

Si vous avez un Une bonne compréhension de CSS, vous pouvez aller de l'avant et voir le CSS d'un site d'exemple pour voir ce qui se passe avec la CSS mediaquery et cela va considérablement réduire le nombre de lectures que vous aurez à faire .. vous pourriez juste aller de l'avant et commencez à jouer avec viewport tout de suite. –

Questions connexes