小程序实现image标签的图片宽度铺满整个屏幕，高度自适应

ゝ一纸荒年。 2023-06-20 09:05 89阅读 0赞

小程序实现image标签的图片宽度铺满整个屏幕，高度自适应

微信小程序官方文档里image标签有mode属性（图片裁剪、缩放模式），而mode=“widthFix”是保持宽度不变，高度自适应且保持原图宽高比不变的一种缩放模式

  1. <image src="{
  2.    { item }}" mode="widthFix" wx:for="{
  3.    {curSku.intros}}" wx:key="index"></image>
  5. image{
  6.        width: 100%;
  7.      }

发表评论

表情：
评论列表 （有 0 条评论，89人围观）

还没有评论，来说两句吧...

相关阅读

    相关 小程序图片高度自适应

    页面需要显示长图片（超过一屏），本来以为像以前一样给其父级的盒子不给高度就行了，结果并不是想象中的那样，根本不起作用！！！ 这是一个坑，关键在于image标签的一个属性：m

    た 入场券た 入场券/ 0 赞/ 226 阅读