收藏
回答

多个image图片组件拼接后在某些机型(小米)中两个图片中间会出现一条白线

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

<view style="font-size:0;">

   <image style="display: block;width:100%;font-size:0;" lazy-load src="https://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/b999a9014c086e06c7ac4f4a02087bf40ad1cbaf.jpg" mode="widthFix"></image>

   <image style="display: block;width:100%;font-size:0;" lazy-load src="https://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/b999a9014c086e06c7ac4f4a02087bf40ad1cbaf.jpg" mode="widthFix"></image>

</view>


重现代码片段如上

正常表现:


小米机型:


关联问题https://developers.weixin.qq.com/community/develop/doc/000e0ac65bc2507123a78a8795b800?highLine=%25E5%259B%25BE%25E7%2589%2587%25E6%258B%25BC%25E6%258E%25A5%25E6%259C%2589%25E7%2599%25BD%25E7%25BA%25BF

https://developers.weixin.qq.com/community/develop/doc/00086cca390c20be50d7ba75a56c00?highline=两个图片中间有白线


更新:

https://developers.weixin.qq.com/s/vqS2mFm87Oc1已生成链接

开发工具上也有白线,只是非常细。

解决方式:

可以取巧在第二个图片添加margin-top: -1rpx;覆盖白线

最后一次编辑于  2019-11-06
回答关注问题邀请回答
收藏

13 个回答

  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2019-11-06

    Android真机预览没见有

    2019-11-06
    有用
    回复 1
    • ahri
      ahri
      2019-11-06
      部分机型才有问题,目前发现小米的有问题
      2019-11-06
      回复
  • TNT
    TNT
    2019-11-06

    你提供个代码片段。这个问题 遇到过 是布局以及css问题。

    2019-11-06
    有用
    回复 19
    查看更多(14)
  • 原点的原点
    原点的原点
    2019-11-06

    现在貌似没办法解决

    2019-11-06
    有用
    回复 1
    • ahri
      ahri
      2019-11-06
      哈哈哈,好久之前都有了
      2019-11-06
      回复

正在加载...

登录 后发表内容
问题标签