Css 平移（x、y、z）中的百分比值不起作用

我有使用二维翻译的动画。但我想强制执行硬件加速，因此使用了

translate3d（）

。这是我的CSS：

HTML:

现在在CSS中，当我刚刚使用translate（0%，110%）时，一切都很好。我不确定这为什么不起作用，因为浏览器开发工具不会根据发现任何错误

tz 表示平移向量的z分量的。它不能是

值；在这种情况下，财产 包含该转换被视为无效

---

（使用

px

）

因为您在评论中询问响应性，所以应该是这样的：

没有太多支持（真正的工作支持），但您应该能够使用vh：

transform: translate3d(10%,20%,50vh);

---

现在，FF处理的很好，Chrome允许您使用它（不会损坏），但不会计算ok。

我可以问一下，如何处理不同的屏幕尺寸吗？因为使用px意味着在不同的设备上有不同的定位。然后如何制作动画以适应不同的移动设备屏幕？@Roberto使用jQuery制作对象动画，方法是将对象

position:absolute并使用
.animate（）
调整元素的位置，谢谢您的回复。我不想使用.animate的原因是，这是一个phonegap应用程序，而.animate（）在中的工作不太好phonegap@Roberto哦，我不太了解phonegap，但是你也可以尝试使用CSS关键帧
<img  id='Hand'  class="hand objecttransition"  src="css/images/hand.gif">

$(document).ready(function(){
    $("#Hand").addClass("handmovedown");
});

transform: translate3d(10%,20%,50vh);