html - 处理转换 :translate? 的 Chrome 或 Safari 的移动版本是否有任何怪癖

Question

今天我一直在四处寻找一段时间，试图找到解决这个问题的方法。我有一个工作示例，它将在页面上移动图像(技术上是 div 的背景)。这在桌面上运行得很好，但在移动设备上，它根本不动。我想知道这是否是移动设备不支持特定元素上的转换属性的错误，或者我的代码中是否还有其他事情会搞砸。我还在页面上使用相同的转换属性向下移动了文本，它仍然可以在移动设备上使用。这是我现在的例子。

http://jsbin.com/qomepe/1

关于这些移动版本，是否有什么我不知道的地方，或者我可能在代码中搞砸了什么？

Answer 1

许多移动浏览器并不支持所有 CSS3 转换和转换。例如，在移动浏览器中旋转文本并不总是有效，倾斜文本也不总是有效。这只是移动设备的局限性。如果你想让它兼容，我建议用一些 Javascript 和/或 CSS2 来代替。