阿里云服务器

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

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

 height:auto;

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

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


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

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

这样就可以完美的解决。

微信小程序自适应高度

热门话题

嵌入式服务器8.0织梦者声望怎么刷建设论坛网站大全意识形态 加强网站建设新浪虚拟主机安装织梦zb教程 织梦网织梦导航换了地址怎么更改康保网站建设龙岗 网站建设合肥工程建设网站wordpress feed页面在哪儿电子商务网站建设实训过程织梦最新源码下载
相关阅读:
  • zblog微信营销型小程序:tayunwxmarket 支持自定义页面
  • zblog博客版微信小程序1.5
  • zblog微信小程序安装配置教程
  • zblog微信小程序设置业务域名的方法
  • zblog微信企业小程序1.2版本发布
  • 微信小程序视频封面图的设置方法