2011-08-03 5 views
0

J'ai une question très spécifique liée à la mise en page adaptative CSS.Question sur CSS mise en page adaptative

J'ai vu un exemple sur certains sites où disons que vous avez une disposition en 3 colonnes pour une résolution particulière (ou disons bureau) .... Maintenant, lorsque la taille de l'écran diminue (par exemple pour un appareil mobile), la même La mise en page s'affiche désormais en tant que mise en page à deux colonnes.

Quels sont les attributs CSS spécifiques qui rendent cela possible et quelle est la meilleure façon de créer de telles mises en page adaptatives?

Répondre

1

La technique est connue sous le nom responsive design et est réalisé avec media queries

+0

Thx pour ça ... Même si je suis conscient de la réflexion de la requête des médias et étant connu comme une conception adaptée, ma question est quels sont les attributs CSS spécifiques qui nous aident à réaliser cela et les stratégies de mise en œuvre réelles pour cela? – testndtv

+0

Si vous voulez être précis sur les parties de CSS qui sont impliquées, alors "requêtes média" ou "toutes CSS". En ce qui concerne les stratégies, les bases sont "Utiliser les requêtes média pour fournir différentes mises en page pour différentes tailles" et à partir de là vous allez dans des tutoriels longs (assez longs pour être hors de portée pour SO) comme celui auquel je suis lié. – Quentin

+0

Je veux dire CSS requête de médias est une chose très large ou de haut niveau et ne donne aucune idée de la mise en œuvre ... Je suis sûr qu'il existe des moyens spécifiques pour mettre en œuvre le scénario que j'ai décrit et devinez qu'ils ne doivent pas être très long tutoriels ... – testndtv