HTML中图片保持原比例自适应DIV大小

html中图片保持原比例自适应div大小自适应代码：

<div style="width:500px;height:500px;">

<img src="2.jpg" style="width:100%;height:auto">

</div>

效果图（ps：原图是长方形的，div盒子是正方形的）