admin管理员组

文章数量:1516870

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

在微信小程序中有一个图片的小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;
}

本文标签： 微信小程序图片自适应后去掉底部的白边

版权声明：本文标题：微信小程序 —— 图片自适应后去掉底部的白边 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/web/1687858853a150094.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。