javascript - 在 css 中保持纵横比与图像宽度

Question

有没有一种方法可以使用 css 修复给定较小宽度的图像的纵横比？也许通过使用 jQuery/javascript？

谢谢!

Answer 1

使用纯 CSS，您可以只设置图像的一个维度，width 或 height，并将另一个设置为 auto，例如:

.thumb { 
  width:200px;
  height:auto;
}

图片的宽度固定为 200 像素，高度取决于纵横比。