Redimensionner une image proportionnellement avec CSS ?

Existe-t-il un moyen de redimensionner (réduire) les images de manière proportionnelle en utilisant UNIQUEMENT les CSS ?

J&#8217ai recours à JavaScript, mais j&#8217essaie de voir si cela est possible avec CSS.

Vadim Ovchinnikov
Question modifiée 11 mars 2018 в 11:16
Programmation
html css image-resizing
24 avril 2009 в 11:40
20 vues

Pour redimensionner l'image proportionnellement à l'aide de CSS :

img.resize {
    width:540px; /* you can use % */
    height: auto;
}
Zanon
Réponse modifiée 13 juin 2017 в 8:51
Commentaires (9)

Les propriétés css max-width et max-height fonctionnent très bien, mais ne sont pas prises en charge par IE6 et, je crois, IE7. Il est préférable d'utiliser ces propriétés par rapport à la hauteur et à la largeur afin de ne pas augmenter accidentellement l'échelle d'une image. Vous souhaitez simplement limiter la hauteur/largeur maximale de manière proportionnelle.

Commentaires (3)

a bien fonctionné pour moi... Ou est-ce que j'ai raté quelque chose ?

Modification: Mais voyez la mise en garde de Shawn concernant l'augmentation accidentelle de la taille.

Thanatos
Réponse modifiée 23 janvier 2017 в 8:55
Commentaires (2)