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

来源:互联网 发布:淘宝直播怎么开 编辑:程序博客网 时间:2024/05/21 02:19

在微信小程序中有一个图片的小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;}
阅读全文
1 0