在微信小程序中有一个图片的小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;}
如果觉得《微信小程序 —— 图片自适应后去掉底部的白边》对你有帮助,请点赞、收藏,并留下你的观点哦!