H5 img展示相关问题

在H5（react）中使用img标签的时候遇到了一些问题，此文章用于整理记录一下。

1. 在使用 img标签渲染图片， ios图片不能正常显示， 安卓端可以正常显示 效果如下:

解决办法： 在使用img标签时， img标签外套一个div标签， 使用方式和css如下

css:

2. img 元素下方有间隙

   效果如图： 图片与下方文字之间有间隙

解决方式：

1.将图片元素设置为块级元素， 即 {display: block}

2.设置父元素 font-size 为0

转载于:https://juejin.im/post/5d22fd0df265da1ba77cc79a