小程序 image图片全屏之后下方会有白边 去除方法

最近开发微信小程序，遇见image全屏的问题，发现高度100%后图片还是无法铺满全屏，在屏幕最下方有一个白色的空白条。晚上有很多解决方法，比如样式设为absolute：

.image{
  width:100%;
  height: 100%;
  position: absolute;
  top:0px;
  bottom:0px;
}

但是我们实际布局中，这种absolute的布局对其他的界面会有很大影响，特别是图片列表的时候。

其实最简单的方式就是给image设置vertical-align属性：

.image {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

这样就可以完美解决了。