CSS控制网页内容img图片大小自适应DIV比例保持不变,防止图片变形

CSS样式如下:

<style>
    .resource_note_detail img {
      display: block;
      max-width: 100%;
      height: auto;
      background-size: cover;
    }
</style>

DIV包裹图片代码为:

<div class="resource_note_detail" width="300px">
	<img src='../img/my/ico.bmp' title="头像"/>
</div>