公告列表
公告列表
收藏
回答

image组件图片渲染会有一条白线

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug image 微信安卓客户端 8.0.54 3.6.5

图片地址都是同一张图，第二张渲染出来会有一条白线。和屏幕宽度有关系，只要是320，360，390，480，等十的倍数的宽度的屏幕就有白线。白线是属于图片的。给图片一个红色的背景，白线就变成了红色。

https://developers.weixin.qq.com/s/8bMyi0mW7rWp
最后一次编辑于  11-27
回答关注问题邀请回答
收藏

5 个回答

  • 社区技术运营专员--许涛
    社区技术运营专员--许涛
    11-27

    你好，以真机为主

    11-27
    有用
    回复 3
  • 九歌^
    九歌^
    11-27

    首先这个问题是切图问题，其次是因为微信计算rpx问题。

    解决方案：

    • 重新切图
    • margin-top: -1rpx;
    11-27
    有用 1
    回复 3
    • 神经蛙
      神经蛙
      11-27
      可是无论你怎么移动wxml里的图片，始终是第二张图有线，其他图片没线。哪怕你在第一和第二张图直接插入一张其他的图，这是为何？
      11-27
      赞
      回复
    • 神经蛙
      神经蛙
      11-27
      给你个赞，重新切图倒是有用。像素宽高最好是切成双数的图。
      11-27
      赞
      回复
    • 九歌^
      九歌^
      11-27回复神经蛙
      是的，切图 不要切351 353这种单数rpx，计算就是有问题。。
      11-27
      赞 1
      回复
  • 明天见
    明天见
    12-03

    在父盒子font-size:0;

    12-03
    有用 1
    回复
  • showms
    showms
    11-27

    试试加一个display:block

    11-27
    有用
    回复 1
    • 神经蛙
      神经蛙
      11-27
      并没有用。
      11-27
      赞
      回复
  • 正好时光
    正好时光
    11-27

    wxss设置margin-top：-2rpx;

    11-27
    有用
    回复 2
    • 神经蛙
      神经蛙
      11-27
      确定的图可以。自由编辑区域不确定是哪张图会有白线。都加margin-top：-2rpx;相当于都没加。
      11-27
      赞
      回复
    • 神经蛙
      神经蛙
      11-27
      确定的某个图这样还可以，但是整篇页面都是可编辑区。我不确定是哪张图片会出现白边，如果整页的图都加上margin-top：-2rpx;，图都向上移动2热线，就等于没移动
      11-27
      赞
      回复
请 登录 后发表内容
相关问题
相关文档