描述:battery-copy类设置border-radius,在开发工具中查看正常显示,但是在ios预览和体验版显示却不生效,下图是ios显示的效果。将橙色块高度调至0时,底部的圆角也变成直角了。安卓未测试。
尝试:在battery-copy类中添加过以下代码,不生效。
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
在此请求大佬们帮忙看一下,代码片段:https://developers.weixin.qq.com/s/lgvHxDmn7Xlq
出现此问题的原因是因为ios手机会在transform的时候导致border-radius失效
解决方法:在使用动画效果带transform的元素的上一级div元素的css加上下面语句:
-webkit-transform:rotate(0deg);
2022.4.8问题还在!
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
你好,问题已复现,已反馈。
官方能看看吗?