微信小程序 Image 图片实现宽度100%,高度自适应
做法如下:
1.图片属性 mode="widthFix"
注:宽度不变,高度自动变化,保持原图宽高比不变
<image class="img" src="../../images/hello.png" mode="widthFix">
2.css设置图片width=100%
img{
width: 100%;
}
即可实现!
更多:
做法如下:
1.图片属性 mode="widthFix"
注:宽度不变,高度自动变化,保持原图宽高比不变
<image class="img" src="../../images/hello.png" mode="widthFix">
2.css设置图片width=100%
img{
width: 100%;
}
即可实现!
更多: