android - Android 浏览器文本输入页面跳转

Question

我有一个登录页面，这让我很痛苦。每当尝试输入文本时，页面跳得很厉害。我试过关闭-webkit-backface-visibility。有什么建议吗？

Answer 1

这是由应用于输入元素或输入元素的父元素的 3d 变换引起的。

例如，我使用以下代码向我的元素添加了转换以强制 GPU 加速以更快地进行 CSS 转换:

.GPUAccel, .GPUAccel div:not(.noGPUAccel) {
    -webkit-transform: rotateZ(360deg);
    -webkit-backface-visibility: hidden;
}

这无意中导致一些测试手机(例如 LG optimus 滑盖)在输入字段中输入字符时弹跳。

从父元素中删除 GPU 加速或转换解决了这个问题。

这似乎是一个难以捉摸的问题。