收藏
回答

border-radius在ios失效问题?

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信iOS客户端 7.0.18 2.14.0

描述:battery-copy类设置border-radius,在开发工具中查看正常显示,但是在ios预览和体验版显示却不生效,下图是ios显示的效果。将橙色块高度调至0时,底部的圆角也变成直角了。安卓未测试。

尝试:在battery-copy类中添加过以下代码,不生效。

backface-visibility: hidden;
transform: translate3d(0, 0, 0);


在此请求大佬们帮忙看一下,代码片段:https://developers.weixin.qq.com/s/lgvHxDmn7Xlq


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

5 个回答

  • 社区技术运营专员-CJiang
    社区技术运营专员-CJiang
    2020-11-06

    你好,问题已复现,已反馈。

    2020-11-06
    有用
    回复 7
    查看更多(2)
  • 长乐未央
    长乐未央
    03-10

    遇到同样的问题,在模拟器和安卓上都OK,iOS设置了依旧没有圆角。想知道这个现在什么进度了

    03-10
    有用 1
    回复
  • 风子
    风子
    07-23

    出现此问题的原因是因为ios手机会在transform的时候导致border-radius失效

    解决方法:在使用动画效果带transform的元素的上一级div元素的css加上下面语句:

    -webkit-transform:rotate(0deg);

    07-23
    有用
    回复
  • oyo
    oyo
    07-16

    2021.7.16 问题还存在

    07-16
    有用
    回复
  • Yin熊🐻.
    Yin熊🐻.
    2020-11-06

    官方能看看吗?

    2020-11-06
    有用
    回复
登录 后发表内容
问题标签