赞
踩
微信小程序<image>有默认的宽高width:320rpx;height:240rpx;只设置width:100%是无效的,即使写了height:100%,依然无效
只要在<image>标签添加mode="widthFix"属性,就可以做到高度自适应,
- wxml
- <view class="detail-x">
- <text>图文详情</text>
- <image src="/images/detail.png" mode="widthFix"></image>
- </view>
-
- wxss
- .detail-x > image {
- width: 694rpx;
- }
以下为效果图,宽度同理,设置高度后,将mode="heightFix"即可
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。