微信小程序css动画的translateX不起作用

以下代码片段

.forget{
    animation-duration: 1s;
    animation-name: fadeout;
    animation-fill-mode: forwards;
}


@keyframes fadeout {
    from { opacity: 0.5; }
  
    to {
        height: 0;
        opacity: 0;margin: 0;padding: 0;
        transform: translateX(-2000rpx);
    }
}

在Mac电脑上的模拟器表现正常，但是在真机上就没有横向滑动的效果了，只有向上滚动的效果。