html - 使用CSS按比例调整图像大小？ [重复](Resize image proportionally with CSS? [duplicate])

Question

This question already has an answer here:

(这个问题在这里已有答案：)

• How do I auto-resize an image to fit a 'div' container?

  (如何自动调整图像大小以适合“div”容器？)

  31 answers

  (31个答案)

Is there a way to resize (scale down) images proportionally using ONLY CSS?

(有没有办法使用ONLY CSS按比例调整大小（缩小）图像？)

I'm doing the JavaScript way, but just trying to see if this is possible with CSS.

(我正在做JavaScript方式，但只是想看看CSS是否可行。)

  ask by codingbear translate from so

Answer 1

To resize the image proportionally using CSS:

(要使用CSS按比例调整图像大小：)

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