ios下图片不能显示，安卓下正常显示

最近在写H5的时候遇到一个问题，就是在页面使用img标签放一张图片，在IOS系统下的浏览器不显示，在安卓等其他机型下都可以显示，百度了很久，终于知道解决方法：
原本在页面中写法时这样的：

HTML

  
  
图片文字描述
  

css：
.box{
    img{
      width:180px;
      height:180px;
    }
}

这样会出现图片不显示的情况。
纠正一下：简单放一张图片上去，ios就可以正常显示，但是通过css调整图片的宽高或者其他样式后就出现了这个问题
现在在页面中的写法是这样的：

HTML：

  

    
    
图片文字描述
  
  

 css：
.box{
  .imgbox{
     width:180px;
      height:180px;
       img{
          width:100%;
          height:100%;
      }
  }
}

或者将图片当作背景样式，也可以显示出来