transform:rotate()在ios上不生效的坑

分类: IT文章 • 2025-01-17 13:36:01

最近开发公众号网页的时候遇到项目组给图片资源只给一半另一半需要旋转实现的功能实现，在微信开发者工具上面测试一切正常，但是在IOS手机上测试的时候出现了看不见该元素的Bug，

解决方法：

在父元素设置perspective，如下

.father {
    perspective:1000; // 在这里添加
    .childeren {
        transform: rotateY(180deg);
    }
}