当前位置: 首页 > Web前端 > CSS

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手机上正常显示图片了。有没有更好的办法?