收藏
回答

在iphone机型上使用border-radio画圆会出现这种情况,谁知道?

这个问题偶尔出现在iphone机型上,目前反馈来看就是iphone plus 上面;其他机型暂时还没出现;

这个圆形头像的样式我也在其他页面使用了的,但没有出现类似情况.只出现在左右滑动组件  swiper 里面;

由于我真的没法用自己的iPhone定位到问题,也没法测试;所以一直处在懵逼状态

前一段时间我以为是我使用了 will-change: transform;  导致的,但是好像就算我去掉了也还会出现;

后来我猜测可能是图片没有覆盖被剪切,然后是正方形图遮盖到了;image组件里专门加了border-radius:50%;也同样会出现;我初步怀疑是swiper组件影响到了;但是我又不知道怎么修改;各位有啥好的意见吗?

下面上有问题的图片


下面给大家看正常情况下是什么样子



上图为正常显示状态;

下面是代码结构

样式


各位有什么好的建议,可能会是哪里出现了问题吗?

补一张大一点有问题的图片


问题不是必出;就是会偶尔出现;我的手机也是plus;但是一次也没见到

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

7 个回答

  • 孤独的微笑
    孤独的微笑
    09-09

    图片设置宽高和border-radio

    09-09
    赞同 2
    回复 2
    • DES
      DES
      09-09
      其实看我截得图就能看到image我在标签里面添加了border-radio属性,图片链接地址我使用的是oss截取的一张宽高都是350px的图片,然后我image组件的宽高都是100%;也相当于设置了宽高了
      09-09
      回复
    • 孤独的微笑
      孤独的微笑
      09-09回复DES
      图片设置border边框
      09-09
      回复
  • ______fyx 🐳
    ______fyx 🐳
    09-09

    给image设置宽高。

    09-09
    赞同
    回复 3
    • DES
      DES
      09-09
      设置了宽高;都是100%;
      09-09
      回复
    • ______fyx 🐳
      ______fyx 🐳
      09-09回复DES
      宽高不能同时设置100%吧,得有一个是定值。
      09-09
      回复
    • DES
      DES
      09-09回复______fyx 🐳
      你可以看一下我上面截得代码,图片的链接地址我使用的oss裁取的宽高都是350px的图片,所以也相当于差不多设置了定值了
      09-09
      回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    09-09

    看下 你swiper的样式

    09-09
    赞同
    回复 6
    • DES
      DES
      09-09
      padding-top: 80rpx; width: 100%; background: #fff;就这三句
      09-09
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      09-09回复DES
      能搞个代码片段么。能复现问题的
      09-09
      回复
    • DES
      DES
      09-09回复仙森ღ₅₂₀¹³¹⁴
      - - !!问题是我都没法复现,这些异常情况都是客户使用过程中发给我的; 每次改我都只能靠猜,啊~
      09-09
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      09-09回复DES
      😂 难受。用户机型能拿到吗?看下是否是低版本的系统的问题。
      09-09
      回复
    • DES
      DES
      09-09回复仙森ღ₅₂₀¹³¹⁴
      难受~同款机型都不是必出,就是有时候这样,有时候不这样;压根定位不到问题;崩溃
      09-09
      回复
    查看更多(1)
  • Yhong
    Yhong
    09-09

    这个外层的imgBoxs的z-index应该是低于内层image的,不清楚原因,但是你可以尝试给imgBoxs设定个z-index,大于image的z-index

    09-09
    赞同
    回复
  • 哔 笔鼻 比鼻笔哔哔哔
    哔 笔鼻 比鼻笔哔哔哔
    09-09

    我猜是图片的原因  以前就遇到过 小图标的png  放大就会这样

    09-09
    赞同
    回复
  • 祺爸💎
    祺爸💎
    09-09

    来个代码片段

    09-09
    赞同
    回复
  • 谋生.
    谋生.
    09-09

    外围也给同样的圆角看看

    09-09
    赞同
    回复
问题标签