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

Question

有没有办法使用CSS来确定宽度较小的图像的宽高比？也许通过使用jQuery/javascript？

谢谢!

Answer 1

随着纯CSS,你可以设置图像的只有一个尺寸,无论是width或height,并设置其它的auto,如:

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

图像将具有固定的200px宽度,高度将取决于宽高比.