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

标签 html css

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

http://jsbin.com/qomepe/1

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

最佳答案

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

关于html - 处理转换 :translate? 的 Chrome 或 Safari 的移动版本是否有任何怪癖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27285519/

相关文章:

jquery - CSS3 转换 vs jQuery 动画 - 强大的方法?

javascript - knockout 绑定(bind)处理程序更新不会因 observableArray 更改而触发

html - Flex 布局无法按预期使用 ngFor 循环

html - 如何为 Bootstrap 3 事件类设计样式

javascript - 为什么超链接在我的部分 div 上不起作用?

javascript - 在我的案例中如何获取复选框值

html - 防止元素环绕 float 的兄弟元素

jquery - 侧边栏 Accordion 状态和图标状态

html - 如何使用 animate.css shake with less shakes

html - 如何使我的选择器更具体?