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;
  }