J'essaie d'obtenir l'image en-tête de mon nouveau site Web (à l'aide de WordPress) pour redimensionner automatiquement en fonction du type de périphérique que je vis à partir de. J'ai essayé de mettre en œuvre des CSS supplémentaires des suggestions d'autres personnes, mais rien ne semble fonctionner pour moi. Lorsque vous regardez sur un bureau, je suis satisfait de la façon dont il a l'air, mais la visualisation d'un téléphone ne semble pas bien.
aide s'il vous plaît! Mon site Web est:
MaximizizizingChange.com
Merci!
3 Réponses :
Avez-vous essayé d'utiliser:
width: 100vw; height: auto;
Bonjour saml. Probablement une question stupide mais j'ajouterais simplement ces deux lignes dans le "CSS supplémentaire"? Si oui, je ne crois pas que cela a fonctionné.
Si vous utilisez BOOTSTRAP, l'ajout d'une classe dans fera l'image réactive.
Classe = "IMG-Compatible" . Vous pouvez ajouter une classe sur ceci et définir votre max-largeur.
Bonjour Chandru. J'utilise WordPress. Serait-ce une solution similaire?
Si vous utilisez Bootstrap, oui.
Selon votre code, vous utilisez l'image de fond pour votre en-tête. Essayez d'ajouter les lignes ci-dessous dans votre section CSS supplémentaire pour le réparer.
@media (max-width: 991px) {
#masthead.header-image{
padding: 30px 0;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
background-position: initial;
}
}
Veuillez ajouter la section spécifique du code qui cause votre problème à votre question (pas comme un lien). iDownvotedbecau.se/nocode