flex 布局 缩放窗口时元素不自动缩放

在flex容器里，放了一个a标签，a标签的展现内容为一幅图片，代码如下：

<div class="item">

     <a  href="http://*.*.*.*/zs">

           <img  src="img/aqzs.png" alt="" style="margin-top: 0.25rem;">

     </a>

</div>

以上代码flex 布局缩放窗口时元素不自动缩放,把宽度，高度单位调为rem也没用，引起这个问题的原因是插入的图片。尝试把img 属性width值改为100%后解决以上问题。废了不少时间，特此记录一下。