Optimiser un site pour les resolutions en 1024

Question

Bonjour, 
Déja je m'excuse pour l'emplacement du sujet car je ne sais pas si c'est le bon ou non.
Mon souci c'est que j'ai créé un site qui est à moitié résponsive, je me basais sur le rendu sur mon pc mais quand j'ai términé et que j'ai voulu téster sur d'autres pc, j'ai eu la surprise que le site était déformé sur une résolution en 1024 (ainsi que sur les tablettes).
Y'a t il un moyen pour régler ça?
j'utilise 3 div une pour le header une pour le corps et une pour le footer.
Merci.

jordane45 · Answer

Bonjour,

Déjà.. tout dépend si tu as fixé les tailles de tes div en Pourcentage ou avec des tailles fixes.

Si tu souhaites que l'affichage s'adapte automatiquement.. tu dois utiliser le % 

http://www.commentcamarche.net/faq/4613-webmaster-adapter-un-site-a-toutes-les-resolutions

http://www.alsacreations.com/tuto/lire/547-faire-un-site-pour-toutes-les-resolutions.html


mais après.. si tu le souhaites.. il est possible de connaitre la résolution écran des visiteurs de ton site par Javascript

EcranHaut = screen.height;
EcranLarg = screen.width;
Ecran = EcranLarg + " x " + EcranHaut;


 Et de réaliser l'ajustement que tu souhaiterais par code...
 choisir un CSS différent par exemple.

alone06 · Answer

voila le lien vers le site
 danenberg2.url.ph

BBFUNK01 · Answer

Hello,

Si tu souhaites construire un site sur un responsive design, le mieux, et surtout le plus rapide et fiable, est de partir sur un framework adapté, du style : http://getbootstrap.com/
Tu te simplifieras amplement la vie et ton site aura de la gueule tout en s'adaptant aux différentes résolutions écran.

Il n'y a pas que Bootstrap comme framework responsive, d'autres existent, mais pour l'avoir adopté je dirai que Bootstrap est excellent et offre une multitude de plugins qui, eux aussi, te permettront de développer beaucoup plus vite.

A+

BBFUNK01 · Answer

Hello,

Bootstrap est un gabarit en lui-même, en y rajoutant ta feuille de style (ou tes feuilles de style ) tu peux donc personnaliser le design.

Pour voir des exemples de ce que tu peux faire avec Bootstrap jette un oeil ici : http://themeforest.net/search?utf8=%E2%9C%93&term=Bootstrap+3

Pour customiser d'emblée ton Framework Bootstrap tu peux essayer l'excellent Magic Bootstrap : http://pikock.github.io/bootstrap-magic/

Pour choper des plugins Bootstrap c'est du gâteau : http://tutorialzine.com/2013/07/50-must-have-plugins-for-extending-twitter-bootstrap/

Je te recommande bien évidemment la version3.0 de Bootstrap : au niveau des plugins (modal box, etc.) la gestion est bien plus simple.

Tu vas te régaler je pense ;)

A+

Optimiser un site pour les resolutions en 1024

4 réponses

Votre réponse

Discussions similaires