收藏
回答

小程序image组件加载svg图片,无法设置大小?

组件:image,加载svg图片。

wxml:

<view class="home-box">

  <image class="home-runsrc="../../images/walk/home_pic.svgmode="scaleToFill" ></image>

</view>

wxss:

.home-box{

  text-align: center;

  margin-top: 40rpx;

}

.home-run{

  width: 678rpx;

  height:278rpx;

}

问题描述:我需要的图片大小为图中红框大小,css也是设置的这么大,但显示如图并未生效,图中还有边框

模拟器如图

回答关注问题邀请回答
收藏

1 个回答

  • this
    this
    2021-01-05

    把宽度设置成100%,或者750rpx看看,小程序满屏的宽度是750rpx,image这个组件的高度是会比原本的图片高出20rpx左右,加上disply:block;高度就正常了。再不行就发代码片段

    2021-01-05
    有用
    回复 2
    • 亚(๑• . •๑)
      亚(๑• . •๑)
      发表于移动端
      2021-01-05
      谢谢,已经解决啦。是UI的svg图有问题😂
      2021-01-05
      回复
    • this
      this
      2021-01-05回复亚(๑• . •๑)
      秀,虽然我也老是被UI设计师给的素材坑到
      2021-01-05
      回复
登录 后发表内容
问题标签