我想我的div调整它的高度，总是等于它的宽度。宽度是百分数。当父元素的宽度减小时，盒子应该通过保持其纵横比减小。这是CSS怎么做的?

我正在处理图像，我遇到了纵横比问题。如您所见，高度和宽度已经指定。我为图像添加了CSS规则：但对于big_image.jpg，我得到的宽度=500，高度=600。如何设置图像的大小，同时保持其纵横比。

我想创建一个div，它可以随着窗口宽度的变化而改变宽度/高度。是否有任何CSS3规则允许高度根据宽度变化，同时保持其纵横比?我知道我可以通过JavaScript做到这一点，但我更喜欢只使用CSS。