IOS下图片不能显示问题的解决办法

最近遇到这样一个问题，在HTML5手机页面中，直接给<img>标签设置宽高，即便图片路径正常，在IOS真机下也是无法显示的，而在安卓以及浏览器的模拟真机上都是正常显示的，这是为什么呢？

<img src="xxxx.png" />
img{
  width: 100px;
  height: 100px;
}

这样，图片在安卓以及模拟真机上是能够正常显示的，而在IOS手机下无法正常显示

解决方案：

给img标签加一个父级元素，给父级元素设置宽高

<div class="container">
    <img src="xxx.png" />
</div>

 .container{
      width: 100px;
      height: 100px;
  }