采坑道路2：H5页面，部分IOS机型的 ＜img＞标签显示不出

应用场景：公司项目有临时活动，做了一个H5的活动页面，但是所有以img标签引入的图片都无法显示出来
代码举例如下：

<div class="prize_box_img ">
       <img src="../img/gift_small.png" alt=""/>
</div>

<style>
.prize_box_img img {
	width: 100px;
    height: 100px;
}
</style>

这样写本身没问题，无论是网页，还是模拟器，安卓机或是高版本的ios真机测试都正常显示，但是问题就出在部分老ios机型上，例如ip6，ip7等，经过在网上查找解决方案，很多都是答非所问，所以在考虑了很多种情况下，终于发现问题所在，原因就在样式上面，所以我们将上面代码修改一下

<div class="prize_box_img ">
       <img src="../img/gift_small.png" alt=""/>
</div>

<style>
.prize_box_img {
	width: 100px;
    height: 100px;
}
.prize_box_img img{
	width: 100%;
    height: 100%;
}
 
</style>

这样就解决问题了。虽然是解决了，但是确实不明白，为什么ios直接将高宽写在标签上是无法实现的，必须在img上加一个父元素，然后在父元素上写上高宽，然后将img的高宽继承父元素。难道是ios不识别img标签吗？