Cela peut sembler être plus une question de conception graphique qu'une question de programmation, mais je pense que cela a beaucoup plus de mérite technique / de programmation que la conception graphique réelle.
Le concept de conception Web «réactive» s'articule autour de l'utilisation de requêtes multimédias dans CSS3 pour détecter la taille du périphérique de visualisation et ajuster les règles CSS en conséquence - essentiellement, CSS dynamique. Cela comble le vide sur de nombreux cas de déploiement - mobiles, en particulier.
Je pense que l'utilisation des requêtes médiatiques fait surface lentement (j'ai constaté que beaucoup de gens ne le savent pas vraiment), mais je me demande s'il y a une raison pour une adoption lente. Est-ce peu pratique pour les applications Web? Y a-t-il quelque chose qui me manque qui pourrait être un écueil fondamental?
Réponses:
Vous devez sauter à travers des cerceaux pour que cela fonctionne réellement. Pour un site que je développe, j'ai utilisé
@media (max-width:800px)pour définir une feuille de style pour les téléphones et autres écrans plus petits. Mais il n'était pas utilisé par exemple par l'iPhone.Il s'avère que les développeurs de navigateurs téléphoniques supposent que les gens ne prendront pas en compte les petits écrans, ils mentent donc au moteur de rendu (l'iPhone prétend avoir une largeur supérieure à 900 px, par exemple), sauf si vous insérez une balise Meta supplémentaire pour lui dire de ne pas mentir. Quand vous arrivez au point de vous battre contre les implémenteurs de navigateur, vous commencez à vous demander si cela en vaut la peine.
la source
Je ne peux pas parler pour tout le monde, mais d'après ma propre expérience, le temps et l'argent ont été le facteur décisif. Mes collègues et moi regardons toujours les dernières nouveautés, mais concevoir et implémenter différentes dispositions pour des appareils de tailles différentes est un gros problème. Surtout si l'on considère que sur mon nokia 5800 de 3 ans, tous nos sites Web ont l'air bien - barre que je dois faire défiler pour obtenir le contenu de la barre latérale. Nous concevons et mettons en œuvre des sites Web pour les petites entreprises et les travailleurs indépendants.
Une autre raison qui peut être valable est que la diffusion d'un site Web complètement distinct pour les versions mobiles, avec son propre plan du site distinct ( http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=34648 ), est un moyen facile et d'entrée de gamme de maintenir le site.
la source
Si vous pouvez garantir une récupération fiable des données, tout va bien.
Mais imaginez, quelqu'un charge une page Web dans un navigateur Windows d'un ordinateur de bureau. Les forcez-vous à ouvrir en plein écran pour tout lire, ou adaptez-vous la taille à la fenêtre réduite et présentez-vous beaucoup d'espace vide au fur et à mesure qu'ils la maximisent? Vous servez le CSS une fois, au chargement de la page!
Qu'en est-il d'un navigateur de téléphone qui change les modes paysage / portrait lorsque vous faites pivoter le téléphone? Qu'en est-il d'un navigateur qui a simplement une résolution trop petite et que les gens utilisent normalement le zoom avant, mais vous vous êtes déjà adapté à la résolution signalée, bien trop petite et la page devient illisible?
Suivez simplement les directives standard pour créer un CSS universel et évolutif décent et laissez le navigateur gérer la mise à l'échelle de la page à la bonne résolution.
la source