微信小程序 —— 图片自适应后去掉底部的白边

在微信小程序中有一个图片的小bug，当一个image放到一个view中，或者是一个页面放入一个长长的image，宽度和高度的自适应很好实现，但是实现之后图片的底部依旧会有一个白边。

例如

- 小图（无需占满整个屏幕的）

解决代码

 - wxml
 <view class="free-images">
  <image src="{{image_src}}">image>
 view>

 - wxss

.free-images{
  border:2px solid red;
  height:250px;
}
image{
  width:100%;
  height:100%;
}

- 长图（需要占满整个屏幕的）

解决代码

 - wxml
 <view class="free-images">
  <image src="{{image_src}}">image>
 view>

 - wxss 
image{
  width:100%;
  position: absolute;
  top:0px;
  bottom:0px;
}