Redimension selon la résolution de l'écran Fermé

Question

Bonjour, je débute dans le codage. Je suis entrain de créer un site seulement quand je passe d'un écran à un autre (avec une résolution différente) les éléments dans mon site se déforme, superpose ou pour d'autres sorte juste du "champ de vision".

Donc ce que je voudrais c'est que mon site ce réajuste automatiquement quand je passe d'une résolution à une autre (Comme tous les sites qu'ont peut visiter chaque jour en général).

lugdanum · Answer

Hello

Il faut que tu te renseigne sur le terme responsive.

Regarde par exemple ici :
https://www.easybear.fr/blog/reussir-son-responsive-design
https://zestedesavoir.com/tutoriels/622/rendre-son-site-responsive-avec-css3/

@+

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Ma réponse t'a un peu aidé ? Si oui, un petit merci... Merci.

Meddle50yr · Answer

Bonjour,
comment faites vous votre site?
Si par un CMS le plus simple est de passer par un thème responsive.

Sinon si c'est à la main(qu'entendez vous par codage, pour moi c'est plus par rapport à la programmation donc ne concernne pas HTML et CSS)
Le responsive design (ou web adaptative) à plusieurs méthodes qui peuvent être utilisés en même temps.

Comme ça concerne la mise en page tout passe par le CSS.

L'une d'elle est d'indiquer toutes les dimensions(toutes) de façon qu'elle soit scalaire. Exemple en pourcentage et autres unités relatives.

Par exemple un élément de longueur(prorpiétés width) 500px qui doit prendre la moitié de la page sur un écran de mobile qui fait moins ça ne peut pas marcher.
Mais si le même élément fait 50% sa taille sera toujours de la moitié de la page quel que soit les dimensions.
Idem pour le texte si vous donnez une taille de police de caractères fixe elle ne sera pas adapté à toutes les résolutions et peuvent avoir différents affichages selon si le container texte est surchargé ou pas.
Pour avoir le même affichage on peut passer par l'unité 'em'(quadratin d'imprimerie) donc la valeur 1 indique une taille correspondant à la hauteur de ligne.

Une autre façon pour le responsive design est de passer par définir le viewport. En gros ça consiste à faire des mises en pages(CSS donc) différentes pour chaque portions d tailles envisagées. 

Un bon site de références(la référence enfait vuque c'est le W3C):

https://www.w3schools.com/Css/css_rwd_intro.asp

Redimension selon la résolution de l'écran

2 réponses

Discussions similaires