阿里云服务器

我们在做微信小程序的时候经常会遇到,图片不兼容手机的问题,手机尺寸多样,设定固定高度,会导致部分手机无法完整显示图片。

这时候就需要自适应图片高度,但是常用的css代码:

 height:auto;

不生效,无法解决这个问题。

开始以为通过设置高度就可以了,解决弄了很久也没弄好。


原来小程序图片自适应关键在于image标签的一个属性:mode="widthFix"

<image src="{{item.cover}}" class='wedding_img' mode="widthFix" />

这样就可以完美的解决。

微信小程序自适应高度

相关阅读:
  • zblog博客微信小程序搜索不出内容修复
  • zblog微信营销型小程序:tayunwxmarket 支持自定义页面
  • zblog博客版微信小程序1.5
  • zblog微信小程序安装配置教程
  • zblog微信小程序设置业务域名的方法
  • zblog微信企业小程序1.2版本发布
  • 微信小程序视频封面图的设置方法