例如，微信小程序首页顶部 banner 图片。
- 宽度与屏幕等宽
- 高度自适应，保持图片宽高比
模板
<view class="banner">
<image src="../../images/banner.png" mode="widthFix"></image>
</view>
样式
.banner image {
width: 100%;
}
widthFix
缩放模式，宽度不变，高度自动变化，保持原图宽高比不变
参考：
https://developers.weixin.qq.com/miniprogram/dev/component/image.html
关于作者 🌱
我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式