微信小程序 image标签 全屏之后下方有白色条

最近开发微信小程序，遇见image全屏的问题，发现高度100%后图片还是无法铺满全屏，在屏幕最下方有一个白色的空白条，甚是难看，查来查去，发现居然是小程序自带的bug，所以决定用css来解决，代码如下：

wxml：

<view class='main'>
  <image src="{{url}}" mode='widthFix' >
  </image>
</view>

css：

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

如此即可保证图片全屏。

有问题请加群：563752274，纯小程序开发交流群，回答问题答案：Tony。