Bonjour,
je vais essayer d'être le plus clair possible afin que vous puissiez m'aider.
Considérons un bandeau horizontal en haut d'une page html dont la hauteur est exprimée en % (par ex height:20%).
Dans le coin gauche de ce bandeau je mets un logo qui est une div avec en background un fichier gif (ou png, ou jpg) et des margin pour que ce logo se cale avec soin dans le bandeau.
Il est bien évident que la hauteur du bandeau étant en %, cette hauteur va varier suivant l'écran. Et donc il faudra peut être pour les très grands écrans (par le biais des media queries) changer le fichier image et en mettre un plus grand et même changer les marges pour que ce nouveau grand logo. Voilà l'inconvénient de travailler avec un bandeau dont la hauteur est exprimée en % lorsqu'on a à incorporer dans ce bandeau des éléments de taille fixe (le logo).
Existe t'il un moyen de rendre le logo responsive c'est à dire qu'il se cale dans le bandeau de la même façon sur tous les écrans?(et donc par ce fait de ne pas avoir à changer le fichier image du logo pour en mettre un plus grand pour les grands écrans)
Partager