image 宽度/高度自适应

本文转载自查看原文 2022-02-11 17:49 870 微信小程序

image设定宽度，高度自适应保持原图宽高比不变

在图片组件上添加属性 mode="widthFix"
<image mode="widthFix">

image {

width: 100%;
}

mode = "aspectFit"可以保持纵横比缩放图片，使图片的长边能完全显示出来

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 calc自适应宽度以及高度微信小程序 Image 图片实现宽度100%，高度自适应微信小程序 --Image 图片实现宽度100%，高度自适应【小程序】图片实现宽度100%时，高度自适应微信小程序 Image 图片实现宽度100%，高度自适应【笔记】css 实现宽度自适应屏幕高度自适应宽度 android ImageView 图片宽度全屏,高度自适应的写法 jquery库实现iframe自适应内容高度和宽度 vue 记录一个自适应高度，可拖拽宽度的页面固定背景图的高度，让宽度自适应