IOS下图片无法显示的解决方法
时间:2023-03-30 17:22:33
CSS
最近遇到这样的问题。在HTML5移动页面中,直接为
标签设置宽高。即使图片路径正常,在IOS真机下也无法显示。但是在安卓模拟真机和浏览器上显示正常。为什么是这样?html://假设图片路径正常css:img{width:100px;height:100px;}这样图片在安卓和模拟真机上可以正常显示,但是在IOS手机上就不能正常显示了。有人给我提供了一个解决方案,在img标签中添加一个父元素,给父元素设置宽高,然后给img标签设置宽高为100%,如下:html://假设图片路径正常
css:.img-container{width:100px;高度:100px;}.img-容器img{宽度:100%;高度:100%;}这样就可以在IOS手机上正常显示图片了。有没有更好的办法?