• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序图片显示问题

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

先来一波官方教程https://developers.weixin.qq.com/miniprogram/dev/component/image.html

今天在小程序中用到image组件的时候,我直接使用是设置只图片的宽,想让图片高度自适应,结果发现系统对图片有默认的宽高

 

 然后我重置了图片高度为height:auto;然而图片直接看不到了,显示图片高度为0,就好像图片只是一个背景图片,不设置高就不会显示;

此时,我想当然的会重温一下小程序图片组件的教程,根据需要设置了image组件属性mode='widthFix',最终解决了我的问题

根据我的理解:由于小程序对背景图片的支持有限制,因此大大放宽了image的功能,仿佛是两者之间的结合,

    当image有确定的宽高值时,就会不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素,相当与mode='scaleToFill';

    而mode的属性值就类似于css中对background-size与background-position的设置

'


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序Object.keys()发布时间:2022-07-18
下一篇:
C语言小程序:除去字符串中间不需要的字符(从小引发大思考) ...发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap