收藏
回答

图片拼接白线问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug image 组件 客户端 6.7.3 2.4.2

- 当前 Bug 的表现(可附上截图)


产品页的图片之间有白线,图片已经使用了 `display:block` 及 `font-size:0` 都不管用。以下是截图,为避免官方无法复现,一并附上视频演示地址:http://img06.ichuye.cn/wxapp/feedback/image-line.mp4





- 复现路径


代码片段是无法复现的(因为无法真机预览),只在部分真机上会复现这个问题,我这里复现的手机有 MIX,iPhone7。


- 提供一个最简复现 Demo


所有代码如下:


<view style="font-size:0;">
    <image style="display: block;width:100%;font-size:0;" lazy-load src="http://img06.ichuye.cn/wxapp/calendar/product/yue4.jpg" mode="widthFix"></image>
    <image style="display: block;width:100%;font-size:0;" lazy-load src="http://img06.ichuye.cn/wxapp/calendar/product/yue5.jpg" mode="widthFix"></image>
    <image style="display: block;width:100%;font-size:0;" lazy-load src="http://img06.ichuye.cn/wxapp/calendar/product/yue6.jpg" mode="widthFix"></image>
</view>


手动@官方大大 告知一个解决方案,如果是一个兼容性问题希望加入修复的进度中……

最后一次编辑于  2018-12-20
回答关注问题邀请回答
收藏

5 个回答

  • 画风
    画风
    01-15

    遇到同样问题,图片拼接,一行显示三个图,或四个图。 应该和 图片宽度(px) * pixelRatio的值不是整数有关系,待解决。

    01-15
    赞同 2
    回复
  • Phenomenonal
    Phenomenonal
    11-04

    楼主怎么解决呢?

    11-04
    赞同
    回复 2
  • 咬咬零
    咬咬零
    08-07

    请问问题解决了吗?


    08-07
    赞同
    回复
  • WANGZHENG
    WANGZHENG
    07-26

    最后解决了吗

    07-26
    赞同
    回复 1
    • 画风
      画风
      07-26
      官方是否解决不知道。这边是用图片宽度(px) * pixelRatio的值取整,来解决的,不是理想办法,最后会有空余。
      07-26
      回复
  • 闷油瓶🐳
    闷油瓶🐳
    2018-12-19

    vertical-align: top;


    2018-12-19
    赞同
    回复 1
    • capezero
      capezero
      2018-12-20

      试过没用。

      2018-12-20
      回复