Des kheys chauds en HTML ?

Comment faire pour que mon site se recadre automatiquement en gardant les proportions lorsque l'on réduit la taille de la fenêtre du navigateur svp ?

Media queries / flexbox

Le 18 juin 2021 à 00:52:06 :
Comment faire pour que mon site se recadre automatiquement en gardant les proportions lorsque l'on réduit la taille de la fenêtre du navigateur svp ?

tuto bootstrap

Media queries, flex box. Google est ton ami Envie2Sexe

Media queries, sinon tout faire avec des unités proportionnelles au viewport et des pourcentages, sinon flexbox, sinon css grid, sinon...

Tellement de manières.

c'est le responsive

soit tu définis une disposition précise avec

@media only screen and (max-width: 600px) {

  body {

    background-color: lightblue;

  }

}

là si l'écran fais moins de 600px ce sera la disposition indiquée dans les {}

et si tu veux juste que les proportions s'adaptent, tu mets des % au lieu d'une taille précise

genre un texte de 200px de longueur tu vas remplacer 200px par 10%

Ce que tu cherches à faire c'est une pratique de conception: le responsive web design.
Tu peux commencer par chercher du côté des framwork CSS: Bootstrap, Bulma, Materialize, Foundation etc, parce que si tu fais ça à la mano, tu vas juste perdre ton âme.

Le 18 juin 2021 à 00:58:51 :
Ce que tu cherches à faire c'est une pratique de conception: le responsive web design.
Tu peux commencer par chercher du côté des framwork CSS: Bootstrap, Bulma, Materialize, Foundation etc, parce que si tu fais ça à la mano, tu vas juste perdre ton âme.

Oui en gros j'ai déjà tout écrit, j'ai vu vite fait sur google, si je dois calculer chaque truc pr trouver le % à chaque fois je vais pas y réussir

Le 18 juin 2021 à 00:59:59 :

Le 18 juin 2021 à 00:58:51 :
Ce que tu cherches à faire c'est une pratique de conception: le responsive web design.
Tu peux commencer par chercher du côté des framwork CSS: Bootstrap, Bulma, Materialize, Foundation etc, parce que si tu fais ça à la mano, tu vas juste perdre ton âme.

Oui en gros j'ai déjà tout écrit, j'ai vu vite fait sur google, si je dois calculer chaque truc pr trouver le % à chaque fois je vais pas y réussir

Honnêtement, reprends tout à zéro, c'est moins chiant.

Le 18 juin 2021 à 01:01:21 :

Le 18 juin 2021 à 00:59:59 :

Le 18 juin 2021 à 00:58:51 :
Ce que tu cherches à faire c'est une pratique de conception: le responsive web design.
Tu peux commencer par chercher du côté des framwork CSS: Bootstrap, Bulma, Materialize, Foundation etc, parce que si tu fais ça à la mano, tu vas juste perdre ton âme.

Oui en gros j'ai déjà tout écrit, j'ai vu vite fait sur google, si je dois calculer chaque truc pr trouver le % à chaque fois je vais pas y réussir

Honnêtement, reprends tout à zéro, c'est moins chiant.

Mhhh je vois, mince.

Ceci dit, je débute clairement, donc ça doit pas être optimisé du tout ce que j'ai fait, même si le rendu est plus que correct, j'ai un énorme paquet de classes avec des margintop/bottom, je vais étudier des cours de reponsive alors tout en essayant de voir si y'a pas moyen d'être plus efficace que ce que j'ai déjà fait.