Bonjour, je voudrais avoir une image différente sur bureau et sur mobile pour des questions de responsivité. J’ai donc ajouté un CSS :
css
.banner__media:first-child { width: 100%; image-rendering: auto; /* Préserve la qualité de l’image / } .banner__media + .banner__media { display: none; image-rendering: auto; / Préserve la qualité de l’image / } @media screen and (max-width: 749px) { .banner__media:first-child { display: none; } .banner__media + .banner__media { width: 100%; display: block !important; image-rendering: auto; / Préserve la qualité de l’image */ } }
celui-ci au code CSS de la bannière.
Après ce changement, l’image de ma bannière est dégradée sur le bureau et de bonne qualité sur mobile.
Pouvez-vous m’aider à régler ce problème de qualité d’image ?