Header associé au Texte lors du zoom [Résolu]

Signaler
Messages postés
21
Date d'inscription
jeudi 11 octobre 2018
Statut
Membre
Dernière intervention
18 mars 2020
-
Messages postés
2098
Date d'inscription
mercredi 21 août 2002
Statut
Contributeur
Dernière intervention
22 octobre 2020
-
Bonjour, j'avais besoin de votre aide pour mon site. J'ai un header:
.tete_de_page{background-color: black; position: fixed; height: 12%; width: 100%; left: 0%; top: 0%;
z-index: 3;}
et mon texte dans mon header:
.titre_header{color: #ffffff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 300%; margin: 1%; }
Je voudrais que suivant la taille de l'écran, le texte s'agrandit ou se rétrécit mais avec le header, de sorte a ce que le header et mon texte bouge simultanément, et que le texte ne puisse pas depasser le header.
Merci de votre aide, j’espère avoir était clair

1 réponse

Messages postés
2098
Date d'inscription
mercredi 21 août 2002
Statut
Contributeur
Dernière intervention
22 octobre 2020
343
Bonjour,

En fait ce que tu cherches à faire se règle en CSS avec les media queries.

Début de réponse : https://www.alsacreations.com/article/lire/930-css3-media-queries.html

A toi de creuser mais ce n'est pas très compliqué :)

Cordialement,