Le CSS seul peut-il redimensionner les images de manière proportionnelle ?

Redimensionner les images proportionnellement avec CSS

Est-il possible de réduire proportionnellement la taille des images uniquement avec CSS ? Même si JavaScript est utilisé, il vaut la peine de vérifier si CSS peut accomplir cela.

Pour conserver les proportions de l'image tout en la redimensionnant avec CSS, utilisez l'approche suivante :

img.resize {
  width: 540px; /* you can use % */
  height: auto;
}

Dans cette style, la largeur de l'image est fixe tandis que sa hauteur est réglable, garantissant que l'image reste proportionnée et non déformée. Cette méthode est particulièrement utile pour garantir que les images tiennent dans un conteneur ou lorsque les dimensions de l'image sont inconnues.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!