Largeur 100%: Rapport d'image de l'image

Question

Si j'ajoute une image à une publication, les attributs width et height de WordPress codés en dur de la balise img.

J'ai ajouté max-width:100% à mon CSS, mais bien sûr, si la fenêtre de mon navigateur devient plus petite, l'image redimensionnée est étirée en hauteur.

Que puis-je faire à ce sujet?

Y a-t-il un moyen de:

A: Résoudre avec CSS (je préférerais ça)?
B: Interdire WP à la largeur et à la hauteur du code fixe?
ou
C: Existe-t-il une façon courante de traiter les largeurs d’image, à ma connaissance?

Answer 1

A+C:

img.resize-proportionally {
    max-width: 100%;
    height: auto;
}

En passant, pour que ce qui précède fonctionne, vous ne devriez pas essayerB.
Avoir les attributs width et height dans la balise img est bon.