如何使用 CSS 将图像的高度设置为与宽度相同

Question

在我的项目中，有一些图像。我的代码看起来像：

<div className="col-sm-6">
   <img src="xxx">
</div>
<div className="col-sm-6">
   <img src="xxx">
</div>

的宽度为img的 100% div，即整个屏幕的 50%。如果我调整浏览器的大小，图像的宽度就会改变。在这种情况下，如何保持高度仍然与宽度相同？