IOS下图片不能显现题目的解决办法

2019年8月20日 215次阅读 来源: 夕水

近来碰到如许一个题目，在HTML5手机页面中，直接给<img>标签设置宽高，即使图片途径一般，在IOS真机下也是没法显现的，而在安卓以及浏览器的模仿真机上都是一般显现的，这是为何呢？

html:

<img src="xxxx.png" />
//假定图片途径一般

css:

img{
  width:100px;
  height:100px;
}

如许，图片在安卓以及模仿真机上是可以一般显现的，而在IOS手机下没法一般显现。

有人供应给我一个解决方法，给img标签加一个父级元素，给父级元素设置宽高，然后给img标签设置宽高100%，以下:

html:

 <div class="img-container">
        <img src="xxx.png" />
        //假定图片途径一般
    </div>

css:

   .img-container{
      width:100px;
      height:100px;
   }
   .img-container img{
     width:100%;
     height:100%;
   }

如许图片就能在IOS手机上一般显现了，不知另有更好的方法吗？

鄙人创建了一个QQ群，供人人进修交换，愿望和人人合作愉快，互相帮助，交换进修，以下为群二维码：

《IOS下图片不能显现题目的解决办法》

    原文作者：夕水
    原文地址: https://segmentfault.com/a/1190000017048017
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞