h5在ios手机上img不显示,安卓正常

522 阅读1分钟

bug:h5内嵌在app里,安卓可以正常显示,但是ios无法显示图片

bug写法

<img src="./demo.png" alt="" class="demo_btn" />

.demo_btn {
    width:54px;
    height:54px
}

这种写法直接将img暴露,最后发现h5在某些ios机型上不显示图片,安卓正常。

修改写法

<div class="img_con">
    <img src="./demo.png" alt="" class="demo_btn" />
</div>

.img_con {
    width:54px;
    height:54px
}

.demo_btn {
    width:100%;
    height:100%
}

需要在img标签外套一层盒子,如果img和其他标签有兄弟关系,尽量在img最外层套一层盒子