uniapp 关于小程序图片高度不能自适应的问题[widthFix]

作者：Guff_9hys | 2024-08-09 15:53:47

踩

小程序的 Image 图片实现宽度为100%或设置成某个rpx的值时，高度自适应要怎样设置？

HTML 设置 mode=“widthFix”

<view class="examples-img">
	<img src="https://qbqingtian.oss-cn-hangzhou.aliyuncs.com/file/mps/left_nav_bg.png" alt="" mode="widthFix">
</view>
1
2
3

CSS

.examples-img {
	width: 100%;
	height: auto;

	img {
		width: 100%;
		height: 100%;
		display: block;
	}
}
1
2
3
4
5
6
7
8
9
10

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/954033