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

stefan 发布于2019-08-02 12:02 / 2572人阅读

摘要：最近遇到这样一个问题，在手机页面中，直接给假定图片路径正常这样，图片在安卓以及模拟真机上是能够正常显示的，而在手机下无法正常显示。

最近遇到这样一个问题，在HTML5手机页面中，直接给 //假定图片路径正常

css:

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

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

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

html:

 
        
        //假定图片路径正常

css:

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

这样图片就能在IOS手机上正常显示了，不知还有更好的办法吗？

鄙人创建了一个QQ群，供大家学习交流，希望和大家合作愉快，互相帮助，交流学习，以下为群二维码：

云服务器 GPU云服务器图片不能显示的解决办法图片显示问题微软的解决办法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/53287.html

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

摘要：最近遇到这样一个问题，在手机页面中，直接给假定图片路径正常这样，图片在安卓以及模拟真机上是能够正常显示的，而在手机下无法正常显示。最近遇到这样一个问题，在HTML5手机页面中，直接给 //假定图片路径正常 css: img{ width:100px; height:100px; } 这样，图片在安卓以及模拟真机上是能够正常显示的，而在IOS手机下无法正常显示。有人提供给...

tinylcy 2019-08-29 17:17 评论0 收藏0
IOS下图片不能显示问题的解决办法

摘要：最近遇到这样一个问题，在手机页面中，直接给假定图片路径正常这样，图片在安卓以及模拟真机上是能够正常显示的，而在手机下无法正常显示。最近遇到这样一个问题，在HTML5手机页面中，直接给 //假定图片路径正常 css: img{ width:100px; height:100px; } 这样，图片在安卓以及模拟真机上是能够正常显示的，而在IOS手机下无法正常显示。有人提供给...

xinhaip 2019-08-26 12:25 评论0 收藏0
html2canvas以及domtoimage的使用踩坑总结

摘要：本人建议第二种，更保险三转换的位图不能被以上版本所识别。客户使用的时候发现了这个问题，没法。五离成功只有一步之遥了，使用了之后安卓手机不能将图片分享给朋友。识别不了问题分析安卓能识别但不能识别矢量图片解决办法自己手写咯。判断手机为安卓还是。前言首先做个自我介绍，我是成都某企业的一名刚刚入行约一年的前端，在之前的开发过程中，遇到了问题，也解决了问题，但是在下一次解决相同问题的时候，只...

邹强 2019-08-23 11:01 评论0 收藏0
html2canvas以及domtoimage的使用踩坑总结

摘要：本人建议第二种，更保险三转换的位图不能被以上版本所识别。客户使用的时候发现了这个问题，没法。五离成功只有一步之遥了，使用了之后安卓手机不能将图片分享给朋友。识别不了问题分析安卓能识别但不能识别矢量图片解决办法自己手写咯。判断手机为安卓还是。前言首先做个自我介绍，我是成都某企业的一名刚刚入行约一年的前端，在之前的开发过程中，遇到了问题，也解决了问题，但是在下一次解决相同问题的时候，只...

MageekChiu 2019-08-02 11:14 评论0 收藏0
html5--移动端视频video的android兼容，去除播放控件、全屏等

摘要：但在下，多数机子是不显示视频画面的，要不就是显示一个黑色的还不是全屏的播放控件，即使及加个封面也不济于是。因为微信的播放器是脱离结构的，也不会响应等事件。 android下html5的视频播放一直是前端兼容的重灾区，各种体验差，被诟病已久。但之前的故宫穿越H5，和吴亦凡入伍H5，利用的视频技术，貌似又给人一种新面貌。前段时间做某项目，恰好也是一个类似视频全屏的，下面跟大家分享下经历的...

Zhuxy 2019-08-23 13:45 评论0 收藏0