Comment créer des images Responsive sur Blogger

Comment créer des images Responsive sur Blogger - Des problèmes surviennent souvent lorsque vous essayez d'envoyer des images d'une largeur supérieure à la taille du contenu d'un article de blog ou que l'image ne répond pas lorsque vous modifiez la taille de votre navigateur.

• Voir le résultat

Dans la démonstration ci-dessus, l'image intérieure dépasse la largeur du contenu car celle-ci est supérieure à la largeur du contenu.

Avec ce là, je vais vous donner quelques conseils sur la façon de surmonter l'image qui ne répond pas en vous donnant un code CSS pour l'image.. (Cette astuce est pleinement applicable à tous les modèles de blog).

Veuillez ouvrir votre blog >> Thème >> Modifier le code HTML >> Copier et coller le code CSS ci-dessous avant la balise ]]></b:skin> ou </style>

CSS.post-body img {
  max-width:100%;
  height:auto;
}

Enregistrez ensuite les modifications et consultez les résultats.

• Voir le résultat

C'est facile, n'est-ce pas ? Félicitations !! au revoir et à bientôt !! 😊